<!DOCTYPE html>
<html lang="en">
<head>
    <title>报表首页</title>
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-store, must-revalidate">
    <meta http-equiv="expires" content="Wed, 26 Feb 1997 08:21:57 GMT">
    <meta http-equiv="expires" content="-1">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" href="/dist/img/icon.png" type="image/x-icon">
    <!-- Bootstrap 3.3.6 -->
    <link rel="stylesheet" href="/dist/plugins/bootstrap/css/bootstrap.min.css">
    <!--字体-->
    <link rel="stylesheet" href="/dist/css/font-awesome.min.css">
    <!--图标-->
    <link rel="stylesheet" href="/dist/css/ionicons.min.css">
    <!--OA主样式-->
    <link rel="stylesheet" href="/dist/css/OA.min.css?t=4a6c1b54">
    <link rel="stylesheet" href="/dist/css/skins/OA-skins.min.css?t=16f1e6f3">
    <script src="https://file.ggxqce.com/web/vue.min.js"></script>
    <style>
        .moduleName {
            float: left;
            height: 27px;
            line-height: 27px;
            font-size: 22px;
            width: 100px;
            text-align: center;
        }

        .nav-tabs-custom {
            padding: 10px;
            margin-bottom: 0;
            box-shadow: none;
            position: relative;
            overflow: hidden;
        }

        .infoReport {
            width: 160px;
            margin: 0 auto;
            text-align: left;
            margin-top: 10px;
        }

        .infoReport div {
            margin: 10px 0;
        }

        .lineOne {
            text-align: left;
        }
        .lineOne span {
            max-height: 20px;
            line-height: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            text-align: left;
        }

        .mScrollBox {
            float: left;
            height: 170px;
            position: relative;
            overflow: hidden;
            border: 1px solid #eee;
        }

        .imgStyle {
            width: 300px;
            height: 400px;
        }

        .div-td-content-more {
            position: absolute;
            height: auto;
            z-index: 999;
            line-height: 20px;
            background-color: #d3e8fd;
            padding: 8px 6px;
            border: 1px solid #e8e8ea;
            display: none;
        }
        .div-td-content-more i {
            width: 15px;
            height: 12px;
            background: url("/dist/img/more-icon.png");
            position: absolute;
            left: 50px;
            top: -12px;
        }

        .templateStyle {
            border: 1px solid #ddd;
            margin-bottom: 10px;
            padding-bottom: 10px;
        }

        .table > thead > tr > th {
            padding: 0;
        }
    </style>
</head>
<body>
<section class="content " id="app" v-cloak>
    <div class="div-td-content-more"><i></i></div>
    <!--考勤-区域经理模块-->
    <div class="templateStyle" v-if="isHasModule('signInPersonal')">
        <div class="nav-tabs-custom oaReportNav">
            <!-- Tabs within a box -->
            <div class="moduleName">考&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;勤</div>
            <ul class="nav nav-tabs pull-right" style="margin-bottom: 10px;" v-cloak>
                <li class="active" @click="refreshData('sign','get_signInPersonal',thisMonth)"><a href="#sales-chart"
                                                                                                  data-toggle="tab">本月</a>
                </li>
                <li v-for="(item,i) in tab" @click="refreshData('sign','get_signInPersonal',item.time)"><a
                        href="#sales-chart" data-toggle="tab">{{i==0?"上月":item.str}}</a>
                </li>
            </ul>
        </div>
        <div style="padding: 0 10px;background: #fff;overflow: hidden" id="signInPersonal">
            <div style="width: 80%;" class="mScrollBox">

                <table class="table table-bordered text-center table-width ">
                    <thead>
                    <tr>
                        <th style="width: 5%;">序号</th>
                        <th style="width: 10%">日期</th>
                        <th style="width: 7%">出勤</th>
                        <th style="width: 10%">签到时间</th>
                        <th style="width: 28%">签到地点/请假原因</th>
                        <th style="width: 10%">签退时间</th>
                        <th style="width: 28%">签退地点</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr v-for="(item,i) in sign.list">
                        <td>{{i+1}}</td>
                        <td>{{item.signDate}}</td>
                        <td>
                            <span v-if="item.signState=='0'">
                                <span v-if="sign.info.entryDate==item.signDate">入职</span>
                                <i class="fa fa-check" style="color:#349f2f;" v-else></i>
                            </span>
                            <span v-else-if="item.signState==1">
                            请假
                        </span>
                            <span v-else-if="item.signState==2">
                                <i class="fa fa-close" style="color:red;"></i>
                            </span>
                        </td>
                        <td>
                            {{item.signCreateTime}}
                        </td>
                        <td style="text-align: left;" class="lineOne">
                        <span v-if="item.signState=='0'" @click="openImg(item.signUrl)"
                              style="color:#228bee;cursor: pointer;">{{item.startAddress}}</span>
                            <span v-else-if="item.signState==1">{{item.startAddress}}</span>
                        </td>
                        <td>
                            {{item.signOutTime}}
                        </td>
                        <td style="text-align: left;color:#228bee;cursor: pointer;" class="lineOne">
                            <span v-if="item.endAddress" @click="openImg(item.signOutUrl)">{{item.endAddress}}</span>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div style="width: 20%;float:right;">
                <div class="infoReport" style="margin-top: 30px;">
                    <div>本月应出勤：{{sign.info.shouldCount}}</div>
                    <div v-if="sign.time==today||sign.time==thisMonth">当前应出勤：{{sign.info.todayCount}}</div>
                    <div>已<span style="margin: 0 14px;">出</span>勤：{{sign.info.signInCount}}</div>
                    <div>请&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;假：{{sign.info.leaveCount}}</div>
                    <div>缺&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;勤：{{sign.info.absenceCount}}</div>
                </div>
            </div>
        </div>
    </div>
    <!--考勤-大区经理模块-->
    <div class="templateStyle" v-if="isHasModule('signInDepart')">
        <div class="nav-tabs-custom oaReportNav">
            <!-- Tabs within a box -->
            <div class="moduleName">考&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;勤</div>
            <ul class="nav nav-tabs pull-right" style="margin-bottom: 10px;" v-cloak>
                <li class="active" @click="refreshData('sign','get_signInDepart',today)"><a href="#sales-chart"
                                                                                            data-toggle="tab">今日</a>
                </li>
                <li @click="refreshData('sign','get_signInDepart',thisMonth)"><a href="#sales-chart" data-toggle="tab">本月</a>
                </li>
                <li v-for="(item,i) in tab" @click="refreshData('sign','get_signInDepart',item.time)"><a
                        href="#sales-chart" data-toggle="tab">{{i==0?"上月":item.str}}</a>
                </li>
            </ul>
        </div>
        <div style="padding: 0 10px;background: #fff;overflow: hidden" id="signInDepart">
            <div style="width: 80%;" class="mScrollBox">

                <table class="table table-bordered text-center table-width ">
                    <thead>
                    <tr>
                        <th style="width:5%">序号</th>
                        <th style="width:10%">岗位</th>
                        <th style="width:8%">姓名</th>
                        <th style="width:5%" v-if="sign.time==today">出勤</th>
                        <th style="width:6%" v-if="sign.time==today">签到时间</th>
                        <th style="width:16%"  v-if="sign.time==today">签到地点/请假原因</th>
                        <th style="width:6%" v-if="sign.time==today">签退时间</th>
                        <th style="width:16%" v-if="sign.time==today">签退地点</th>
                        <th style="width:12%" v-if="sign.time!=today">应出勤</th>
                        <th style="width:12%" v-if="sign.time!=today">出勤</th>
                        <th style="width:12%" v-if="sign.time!=today">请假</th>
                        <th style="width:12%" v-if="sign.time!=today">缺勤</th>
                        <th :style="sign.time==today?'width: 28%':'width: 27%'">区域</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr v-for="(item,i) in sign.list">
                        <td>{{i+1}}</td>
                        <td :rowspan="item.roleNamespan" :class="{hidden: item.roleNamedis}">{{item.roleName}}</td>
                        <td v-if="sign.time==today">{{item.userName}}</td>
                        <td v-else style="color:#169BD5;cursor: pointer" @click="openSignInPersonal(item)">
                            {{item.userName}}
                        </td>
                        <td v-if="sign.time==today">
                            <span v-if="item.signState=='0'">
                                <span v-if="sign.info.entryDate==item.signDate">入职</span>
                                <i class="fa fa-check" style="color:#349f2f;" v-else></i>
                            </span>
                            <span v-else-if="item.signState==1">
                            请假
                        </span>
                            <span v-else-if="item.signState==2">
                                <i class="fa fa-close" style="color:red;"></i>
                            </span>
                        </td>
                        <td v-if="sign.time==today">
                            {{item.signCreateTime}}</span>
                        </td>
                        <td style="text-align: left;" class="lineOne" v-if="sign.time==today">
                        <span v-if="item.signState=='0'" @click="openImg(item.signUrl)"
                              style="color:#228bee;cursor: pointer;">{{item.startAddress}}</span>
                            <span v-else-if="item.signState==1">{{item.startAddress}}</span>
                        </td>
                        <td v-if="sign.time==today">
                            {{item.signOutTime}}
                        </td>
                        <td style="text-align: left;color:#228bee;cursor: pointer;" class="lineOne"
                            v-if="sign.time==today">
                            <span v-if="item.endAddress" @click="openImg(item.signOutUrl)">{{item.endAddress}}</span>
                        </td>
                        <td v-if="sign.time!=today">{{item.shouldCount}}</td>
                        <td v-if="sign.time!=today">{{item.signInCount}}</td>
                        <td v-if="sign.time!=today">{{item.leaveCount}}</td>
                        <td v-if="sign.time!=today" style="color: red;">{{item.absenceCount}}</td>
                        <td class="lineOne">
                            <span>{{item.regionName}}</span>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div style="width: 20%;float:right;">
                <div class="infoReport" style="margin-top: 30px;">
                    <div>应出勤(人)：{{sign.info.shouldCount}}</div>
                    <div>已出勤(人)：{{sign.info.signInCount}}</div>
                    <div>请<span style="margin-left: 15px;">假</span>(人)：{{sign.info.leaveCount}}</div>
                    <div>缺<span style="margin-left: 15px;">勤</span>(人)：{{sign.info.absenceCount}}</div>
                </div>
            </div>
        </div>
    </div>
    <!--考勤-公司级别模块-->
    <div class="templateStyle" v-if="isHasModule('signInCompany')">
        <div class="nav-tabs-custom oaReportNav">
            <!-- Tabs within a box -->
            <div class="moduleName">考&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;勤</div>
            <ul class="nav nav-tabs pull-right" style="margin-bottom: 10px;" v-cloak>
                <li class="active" @click="refreshData('sign','get_signInCompany',today)"><a href="#sales-chart"
                                                                                             data-toggle="tab">今日</a>
                </li>
                <li @click="refreshData('sign','get_signInCompany',thisMonth)"><a href="#sales-chart" data-toggle="tab">本月</a>
                </li>
                <li v-for="(item,i) in tab" @click="refreshData('sign','get_signInCompany',item.time)"><a
                        href="#sales-chart" data-toggle="tab">{{i==0?"上月":item.str}}</a>
                </li>
            </ul>
        </div>
        <div style="padding: 0 10px;background: #fff;overflow: hidden" id="signInCompany">
            <div style="width: 80%;" class="mScrollBox">

                <table class="table table-bordered text-center table-width ">
                    <thead>
                    <tr>
                        <td style="width: 5%">序号</td>
                        <td :style="sign.time==today?'width: 19%':'width: 10%'">部门/大区</td>
                        <td :style="sign.time==today?'width: 19%':'width: 10%'" v-if="sign.time!=today">岗位</td>
                        <td :style="sign.time==today?'width: 19%':'width:8%'" v-if="sign.time!=today">姓名</td>
                        <td :style="sign.time==today?'width: 19%':'width:8%'">应出勤</td>
                        <td :style="sign.time==today?'width: 19%':'width:8%'">出勤</td>
                        <td :style="sign.time==today?'width: 19%':'width:8%'">请假</td>
                        <td :style="sign.time==today?'width: 19%':'width:8%'">缺勤</td>
                        <td style="width: 35%;" v-if="sign.time!=today">区域</td>
                    </tr>
                    </thead>
                    <tbody>
                    <tr v-for="(item,i) in sign.list">
                        <td>{{i+1}}</td>
                        <template v-if="sign.time==today">
                            <td style="color:#169BD5;cursor: pointer;" @click="openSignInDepart(item)">
                                {{item.departName}}
                            </td>
                        </template>
                        <template v-else>
                            <td :rowspan="item.departNamespan" :class="{hidden: item.departNamedis}">
                                {{item.departName}}
                            </td>
                        </template>
                        <td :rowspan="item.roleNamespan" :class="{hidden: item.roleNamedis}" v-if="sign.time!=today">
                            {{item.roleName}}
                        </td>
                        <td style="color:#169BD5;cursor: pointer" @click="openSignInPersonal(item)"
                            v-if='sign.time!=today'>
                            {{item.userName}}
                        </td>
                        <td>{{item.shouldCount}}</td>
                        <td v-if="sign.time==today&&item.signInCount!=0"
                            @click="openSignInList('depart',item.departId,1)" style="color:#2a8cec;cursor: pointer;">
                            {{item.signInCount}}
                        </td>
                        <td v-else>{{item.signInCount}}</td>
                        <td v-if="sign.time==today&&item.leaveCount!=0"
                            @click="openSignInList('depart',item.departId,2)" style="color:#2a8cec;cursor: pointer;">
                            {{item.leaveCount}}
                        </td>
                        <td v-else>{{item.leaveCount}}</td>
                        <td v-if="sign.time==today&&item.absenceCount!=0"
                            @click="openSignInList('depart',item.departId,3)" style="color:red;cursor: pointer;">
                            {{item.absenceCount}}
                        </td>
                        <td v-else style="color:red;">{{item.absenceCount}}</td>
                        <td style="text-align: left;" class="lineOne" v-if="sign.time!=today"><span>{{item.regionName}}</span>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div style="width: 20%;float:right;">
                <div class="infoReport" style="margin-top: 30px;">
                    <div>应出勤(总)：{{sign.info.shouldCount}}</div>
                    <div>已出勤(总)：{{sign.info.signInCount}}</div>
                    <div>请<span style="margin-left: 15px;">假</span>(总)：{{sign.info.leaveCount}}</div>
                    <div>缺<span style="margin-left: 15px;">假</span>(总)：{{sign.info.absenceCount}}</div>
                </div>
            </div>
        </div>
    </div>
    <!--考勤-集团级别模块-->
    <div class="templateStyle" v-if="isHasModule('signInGroup')">
        <div class="nav-tabs-custom oaReportNav">
            <!-- Tabs within a box -->
            <div class="moduleName">考&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;勤</div>
            <ul class="nav nav-tabs pull-right" style="margin-bottom: 10px;" v-cloak>
                <li class="active" @click="refreshData('sign','get_signInGroup',today)"><a href="#sales-chart"
                                                                                           data-toggle="tab">今日</a></li>
                <li @click="refreshData('sign','get_signInGroup',thisMonth)"><a href="#sales-chart"
                                                                                data-toggle="tab">本月</a></li>
                <li v-for="(item,i) in tab" @click="refreshData('sign','get_signInGroup',item.time)"><a
                        href="#sales-chart" data-toggle="tab">{{i==0?"上月":item.str}}</a>
                </li>
            </ul>
        </div>
        <div style="padding: 0 10px;background: #fff;overflow: hidden" id="signInGroup">
            <div style="width: 80%;" class="mScrollBox">

                <table class="table table-bordered text-center table-width ">
                    <thead>
                    <tr>
                        <th style="width: 5%">序号</th>
                        <th style="width: 19%">公司名称</th>
                        <th style="width: 19%">应出勤人数</th>
                        <th style="width: 19%" v-if="sign.time==today">出勤人数</th>
                        <th style="width: 19%" v-else>满勤人数</th>
                        <th style="width:19%">请假人数</th>
                        <th style="width:19%">缺勤人数</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr v-for="(item,i) in sign.list">
                        <td>{{i+1}}</td>
                        <td style="color:#169BD5;cursor: pointer" @click="openSignInCompany(item)">
                            {{item.companyName}}
                        </td>
                        <td>
                            {{item.shouldSignInCount}}
                        </td>
                        <td v-if="item.signInFullCount!=0" @click="openSignInList('company',item.companyId,1)"
                            style="color:#2a8cec;cursor: pointer;">{{item.signInFullCount}}
                        </td>
                        <td v-else>
                            {{item.signInFullCount}}
                        </td>
                        <td v-if="item.leaveFullCount!=0" @click="openSignInList('company',item.companyId,2)"
                            style="color:#2a8cec;cursor: pointer;">{{item.leaveFullCount}}
                        </td>
                        <td v-else>
                            {{item.leaveFullCount}}
                        </td>
                        <td v-if="item.absenceFullCount!=0" @click="openSignInList('company',item.companyId,3)"
                            style="color: red;cursor: pointer;">{{item.absenceFullCount}}
                        </td>
                        <td v-else style="color: red;">
                            {{item.absenceFullCount}}
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div style="width: 20%;float:right;">
                <div class="infoReport" style="margin-top: 30px;">
                    <!--<div>本月应出勤：{{sign.info.shouldCount}}</div>-->
                    <div>应出勤(总)：{{sign.info.todayCount}}</div>
                    <div>已出勤(总)：{{sign.info.signInCount}}</div>
                    <div>请&nbsp;&nbsp;&nbsp;&nbsp;假(总)：{{sign.info.leaveCount}}</div>
                    <div>缺&nbsp;&nbsp;&nbsp;&nbsp;勤(总)：{{sign.info.absenceCount}}</div>
                </div>
            </div>
        </div>
    </div>
    <!--意向客户-区域经理模块-->
    <div class="templateStyle" v-if="isHasModule('intentionalCustomersPersonal')">
        <div class="nav-tabs-custom oaReportNav">
            <!-- Tabs within a box -->
            <div class="moduleName">意向客户</div>
            <ul class="nav nav-tabs pull-right" style="margin-bottom: 10px;" v-cloak>
                <!--<li class="active"><a href="#sales-chart" data-toggle="tab">本月</a></li>-->
                <!--<li v-for="(item,i) in sign.tab"><a href="#sales-chart" data-toggle="tab" >{{item}}</a></li>-->
            </ul>
            <button type="button" class="btn oaBtn btn-sm pull-right"
                    style="margin-left: 10px;height: 27px;position: absolute;right: 10px;top: 10px;"
                    @click="openIntentionalCustomerList()">意向客户列表
            </button>

        </div>
        <div style="padding: 0 10px;background: #fff;overflow: hidden" id="intentionalCustomersPersonal">
            <div style="width: 80%;" class="mScrollBox">
                <table class="table table-bordered text-center table-width">
                    <thead>
                    <tr>
                        <th style="width: 5%;">序号</th>
                        <th style="width: 10%">客户姓名</th>
                        <th style="width: 10%">电话</th>
                        <th style="width:8%">意向机型</th>
                        <th style="width: 8%">购买时间</th>
                        <th style="width: 8%">付款方式</th>
                        <th style="width: 51%">基本情况</th>
                    </tr>
                    </thead>
                    <tbody>
                    <template v-if="intentionalCustomer.list.length>0">
                        <tr v-for="(item,i) in intentionalCustomer.list">
                            <td>{{i+1}}</td>
                            <td class="lineOne"><span style="text-align:center; ">{{item.name}}</span></td>
                            <td>{{item.tel}}</td>
                            <td>{{item.intentionModel}}</td>
                            <td>{{item.buyDate}}</td>
                            <td>{{item.buyType}}</td>
                            <td class="lineOne"><span>{{item.otherCondition}}</span></td>
                        </tr>
                    </template>
                    <template v-else>
                        <tr>
                            <td colspan="7">为什么？</td>
                        </tr>
                    </template>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <!--意向客户-大区经理模块-->
    <div class="templateStyle" v-if="isHasModule('intentionalCustomersDepart')">
        <div class="nav-tabs-custom oaReportNav">
            <!-- Tabs within a box -->
            <div class="moduleName">意向客户</div>
            <ul class="nav nav-tabs pull-right" style="margin-bottom: 10px;" v-cloak>
                <!--<li class="active"><a href="#sales-chart" data-toggle="tab">本月</a></li>-->
                <!--<li v-for="(item,i) in sign.tab"><a href="#sales-chart" data-toggle="tab" >{{item}}</a></li>-->
            </ul>
            <button type="button" class="btn oaBtn btn-sm pull-right"
                    style="margin-left: 10px;height: 27px;position: absolute;right: 10px;top: 10px;"
                    @click="openIntentionalCustomerList()">意向客户列表
            </button>

        </div>
        <div style="padding: 0 10px;background: #fff;overflow: hidden" id="intentionalCustomersDepart">
            <div style="width: 80%;" class="mScrollBox">
                <table class="table table-bordered text-center table-width">
                    <thead>
                    <tr>
                        <th style="width:5%">序号</th>
                        <th style="width: 10%">部门/大区</th>
                        <th style="width: 10%">岗位</th>
                        <th style="width: 8%">姓名</th>
                        <th style="width: 8%">一周内</th>
                        <th style="width: 8%">一月内</th>
                        <th style="width: 8%">一月以上</th>
                        <th style="width: 8%">数量</th>
                        <th style="width: 35%">区域</th>
                    </tr>
                    </thead>
                    <tbody>
                    <template v-if="intentionalCustomer.list.length>0">
                        <tr v-for="(item,i) in intentionalCustomer.list">
                            <td>{{i+1}}</td>
                            <td :rowspan="item.departNamespan" :class="{hidden: item.departNamedis}">
                                {{item.departName}}
                            </td>
                            <td :rowspan="item.roleNamespan" :class="{hidden: item.roleNamedis}">{{item.roleName}}</td>
                            <td>{{item.userName}}</td>
                            <td @click="openIntentionalCustomerList(item.userId,true)"
                                style="color:#2a8cec;cursor: pointer;">{{item.weekNum}}
                            </td>
                            <td @click="openIntentionalCustomerList(item.userId,true)"
                                style="color:#2a8cec;cursor: pointer;">{{item.MonNum}}
                            </td>
                            <td @click="openIntentionalCustomerList(item.userId,true)"
                                style="color:#2a8cec;cursor: pointer;">{{item.MoreNum}}
                            </td>
                            <td @click="openIntentionalCustomerList(item.userId,true)"
                                style="color:#2a8cec;cursor: pointer;">{{item.num}}
                            </td>
                            <td class="lineOne">
                                <span>{{item.regionName}}</span>
                            </td>
                        </tr>
                    </template>
                    <template v-else>
                        <tr>
                            <td colspan="9">为什么？</td>
                        </tr>
                    </template>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <!--意向客户-公司级别模块-->
    <div class="templateStyle" v-if="isHasModule('intentionalCustomersCompany')">
        <div class="nav-tabs-custom oaReportNav">
            <!-- Tabs within a box -->
            <div class="moduleName">意向客户</div>
            <ul class="nav nav-tabs pull-right" style="margin-bottom: 10px;" v-cloak>
                <!--<li class="active"><a href="#sales-chart" data-toggle="tab">本月</a></li>-->
                <!--<li v-for="(item,i) in sign.tab"><a href="#sales-chart" data-toggle="tab" >{{item}}</a></li>-->
            </ul>
            <button type="button" class="btn oaBtn btn-sm pull-right"
                    style="margin-left: 10px;height: 27px;position: absolute;right: 10px;top: 10px;"
                    @click="openIntentionalCustomerList()">意向客户列表
            </button>

        </div>
        <div style="padding: 0 10px;background: #fff;overflow: hidden" id="intentionalCustomersCompany">
            <div style="width: 80%;" class="mScrollBox">
                <table class="table table-bordered text-center table-width">
                    <thead>
                    <tr>
                        <th style="width: 5%">序号</th>
                        <th style="width: 10%">部门/大区</th>
                        <th style="width: 10%">岗位</th>
                        <th style="width: 8%">姓名</th>
                        <th style="width: 8%">一周内</th>
                        <th style="width: 8%">一月内</th>
                        <th style="width: 8%">一月以上</th>
                        <th style="width: 8%">总数量</th>
                        <th style="width: 35%">区域</th>
                    </tr>
                    </thead>
                    <tbody>
                    <template v-if="intentionalCustomer.list.length>0">
                        <tr v-for="(item,i) in intentionalCustomer.list">
                            <td>{{i+1}}</td>
                            <td :rowspan="item.departNamespan" :class="{hidden: item.departNamedis}">
                                {{item.departName}}
                            </td>
                            <td :rowspan="item.roleNamespan" :class="{hidden: item.roleNamedis}">{{item.roleName}}</td>
                            <td @click="openIntentionalCustomerList(item.userId,true)" style="color:#2a8cec;cursor: pointer;">{{item.userName}}</td>
                            <td>{{item.weekNum}}
                            </td>
                            <td>{{item.MonNum}}
                            </td>
                            <td>{{item.MoreNum}}
                            </td>
                            <td>{{item.num}}
                            </td>
                            <td class="lineOne">
                                <span>{{item.regionName}}</span>
                            </td>
                        </tr>
                    </template>
                    <template v-else>
                        <tr>
                            <td colspan="9">为什么？</td>
                        </tr>
                    </template>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <!--意向客户-集团级别模块-->
    <div class="templateStyle" v-if="isHasModule('intentionalCustomersGroup')">
        <div class="nav-tabs-custom oaReportNav">
            <!-- Tabs within a box -->
            <div class="moduleName">意向客户</div>
            <ul class="nav nav-tabs pull-right" style="margin-bottom: 10px;" v-cloak>
                <!--<li class="active"><a href="#sales-chart" data-toggle="tab">本月</a></li>-->
                <!--<li v-for="(item,i) in sign.tab"><a href="#sales-chart" data-toggle="tab" >{{item}}</a></li>-->
            </ul>
            <button type="button" class="btn oaBtn btn-sm pull-right"
                    style="margin-left: 10px;height: 27px;position: absolute;right: 10px;top: 10px;"
                    @click="openIntentionalCustomerList()">意向客户列表
            </button>

        </div>
        <div style="padding: 0 10px;background: #fff;overflow: hidden" id="intentionalCustomersGroup">
            <div style="width: 80%;" class="mScrollBox">
                <table class="table table-bordered text-center table-width">
                    <thead>
                    <tr>
                        <th style="width: 5%;">序号</th>
                        <th style="width: 19%">公司名称</th>
                        <th style="width: 19%">一周内</th>
                        <th style="width: 19%">一月内</th>
                        <th style="width: 19%">一月以上</th>
                        <th style="width: 19%">总数量</th>
                    </tr>
                    </thead>
                    <tbody>
                    <template v-if="intentionalCustomer.list.length>0">
                        <tr v-for="(item,i) in intentionalCustomer.list">
                            <td>{{i+1}}</td>
                            <td @click="openIntentionalCustomersDepart(item.companyId)"
                                style="color:#2a8cec;cursor: pointer;">{{item.companyName}}</td>
                            <td >{{item.weekNum}}
                            </td>
                            <td>{{item.MonNum}}
                            </td>
                            <td >{{item.MoreNum}}
                            </td>
                            <td >{{item.num}}
                            </td>
                        </tr>
                    </template>
                    <template v-else>
                        <tr>
                            <td colspan="6">为什么？</td>
                        </tr>
                    </template>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <!--拜访客户-区域经理模块-->
    <div class="templateStyle" v-if="isHasModule('visitPersonal')">
        <div class="nav-tabs-custom oaReportNav">
            <!-- Tabs within a box -->
            <div class="moduleName">拜访客户</div>
            <ul class="nav nav-tabs pull-right" style="margin-bottom: 10px;" v-cloak>
                <li class="active" @click="refreshData('visitCustomer','get_visitPersonal',today)"><a
                        href="#sales-chart" data-toggle="tab"><span v-if="visitCustomer.time==today&&hour<12">昨日</span><span v-else>今日</span></a></li>
                <li @click="refreshData('visitCustomer','get_visitPersonal',thisWeek)"><a href="#sales-chart" data-toggle="tab">本周</a></li>
                <li @click="refreshData('visitCustomer','get_visitPersonal',thisMonth)"><a href="#sales-chart" data-toggle="tab">本月</a></li>
                <li v-for="(item,i) in tab" @click="refreshData('visitCustomer','get_visitPersonal',item.time)"><a href="#sales-chart" data-toggle="tab">{{i==0?"上月":item.str}}</a>
                </li>
            </ul>
        </div>
        <div style="padding: 0 10px;background: #fff;overflow: hidden" id="visitPersonal">
            <div style="width: 49%;" class="mScrollBox">
                <table class="table table-bordered text-center table-width">
                    <thead>
                    <tr>
                        <th style="width: 48px;">序号</th>
                        <th style="width: 85px;">面访排名
                        </th>
                        <th style="width:85px" v-if="visitCustomer.time!=today">日均完成</th>
                        <th style="width: 50px;">完成
                        </th>
                        <th style="width: 50px;">目标</th>
                        <th style="width: 70px;">姓名</th>
                        <th style="width:85px" v-if="visitCustomer.time!=today">出勤天数</th>
                        <th style="width: 280px;">区域</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr v-for="(item,i) in visitCustomer.faceList">
                        <td>{{i+1}}</td>
                        <td>{{item.rownum}}</td>
                        <td v-if="visitCustomer.time!=today">{{item.averageComplete}}</td>
                        <td>
                            {{item.complete}}
                        </td>
                        <td>
                            {{item.target}}
                        </td>
                        <td v-if="userId==item.userId" style="color:#169BD5;cursor: pointer"
                            @click="lookInterview(item,'1')">{{item.userName}}
                        </td>
                        <td v-else>{{item.userName}}</td>
                        <td v-if="visitCustomer.time!=today">{{item.signManagerNum}}</td>
                        <td class="lineOne"><span>{{item.regionName}}</span></td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div style="width: 48%;float:right;" class="mScrollBox">
                <table class="table table-bordered text-center table-width">
                    <thead>
                    <tr>
                        <th style="width: 48px;">序号</th>
                        <th style="width: 85px;">电访排名
                        </th>
                        <th style="width:85px" v-if="visitCustomer.time!=today">日均完成</th>
                        <th style="width: 50px;">完成
                        </th>
                        <th style="width: 50px;">目标</th>
                        <th style="width: 70px;">姓名</th>
                        <th style="width:85px" v-if="visitCustomer.time!=today">出勤天数</th>
                        <th style="width: 280px;">区域</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr v-for="(item,i) in visitCustomer.telList">
                        <td>{{i+1}}</td>
                        <td>{{item.rownum}}</td>
                        <td v-if="visitCustomer.time!=today">{{item.averageComplete}}</td>
                        <td>
                            {{item.complete}}
                        </td>
                        <td>
                            {{item.target}}
                        </td>
                        <td v-if="userId==item.userId" style="color:#169BD5;cursor: pointer"
                            @click="lookInterview(item,'0')">{{item.userName}}
                        </td>
                        <td v-else>{{item.userName}}</td>
                        <td v-if="visitCustomer.time!=today">{{item.signManagerNum}}</td>
                        <td class="lineOne"><span>{{item.regionName}}</span></td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <!--拜访客户-大区经理模块-->
    <div class="templateStyle" v-if="isHasModule('visitDepart')">
        <div class="nav-tabs-custom oaReportNav">
            <!-- Tabs within a box -->
            <div class="moduleName">拜访客户</div>
            <ul class="nav nav-tabs pull-right" style="margin-bottom: 10px;" v-cloak>
                <li class="active" @click="refreshData('visitCustomer','get_visitDepart',today)"><a href="#sales-chart"
                                                                                                    data-toggle="tab"><span v-if="visitCustomer.time==today&&hour<12">昨日</span><span v-else>今日</span></a>
                </li>
                <li @click="refreshData('visitCustomer','get_visitDepart',thisWeek)"><a href="#sales-chart"
                                                                                        data-toggle="tab">本周</a></li>
                <li @click="refreshData('visitCustomer','get_visitDepart',thisMonth)"><a href="#sales-chart"
                                                                                         data-toggle="tab">本月</a></li>
                <li v-for="(item,i) in tab" @click="refreshData('visitCustomer','get_visitDepart',item.time)"><a
                        href="#sales-chart" data-toggle="tab">{{i==0?"上月":item.str}}</a>
                </li>
            </ul>
        </div>
        <div style="padding: 0 10px;background: #fff;overflow: hidden" id="visitDepart">
            <div style="width: 49%;" class="mScrollBox">
                <table class="table table-bordered text-center table-width">
                    <thead>
                    <tr>
                        <th style="width:8%">面访<br>排名
                        </th>
                        <th style="width:8%">人均<br>完成
                        </th>
                        <th style="width:15%">大区</th>
                        <th style="width:10%">大区经理</th>
                        <th style="width:8%">目标
                        </th>
                        <th style="width:8%">完成
                        </th>
                        <th style="width:8%">完成率</th>
                        <th style="width:10%">区域经理</br>在职人数</th>
                        <th style="width:10%">区域经理</br>请假人数</th>
                        <th style="width:10%">区域经理</br>标配人数</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr v-for="(item,i) in visitCustomer.faceList">
                        <td>{{item.rownum}}</td>
                        <td>{{item.averageComplete}}</td>
                        <td style="color:#169BD5;cursor: pointer" @click="lookInterviewDepart(item),'1'"
                            class="lineOne"><span style="text-align: center;">{{item.departName}}</span></td>
                        <td>
                            <span v-if="item.bigManagerName">{{item.bigManagerName}}</span>
                            <span v-else style="color: #CCCCCC;">空缺</span>
                        </td>
                        <td>{{item.target}}</td>
                        <td>{{item.complete}}</td>
                        <td>{{item.completionRate}}%</td>
                        <td>{{item.regionManagerNum}}</td>
                        <td>{{item.leaveNumber}}</td>
                        <td>{{item.managerTargetNum}}</td>
                    </tr>
                    <tr>
                        <td>合计</td>
                        <td>{{visitCustomer.bigcalculation[1].daily}}</td>
                        <td>-</td>
                        <td>-</td>
                        <td>{{visitCustomer.bigcalculation[1].targetDayCount}}</td>
                        <td>{{visitCustomer.bigcalculation[1].finishDayCount}}</td>
                        <td>-</td>
                        <td>{{visitCustomer.bigcalculation[1].regionManagerNum}}</td>
                        <td>{{visitCustomer.bigcalculation[1].leaveNumber}}</td>
                        <td>{{visitCustomer.bigcalculation[1].managerTargetNum}}</td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div style="width: 49%;float:right;" class="mScrollBox">
                <table class="table table-bordered text-center table-width">
                    <thead>
                    <tr>
                        <th style="width:8%">电访<br>排名
                        </th>
                        <th style="width:8%">人均<br>完成
                        </th>
                        <th style="width:15%">大区</th>
                        <th style="width:10%">大区经理</th>
                        <th style="width:8%">目标
                        </th>
                        <th style="width:8%">完成
                        </th>
                        <th style="width:8%">完成率
                        </th>
                        <th style="width:10%">区域经理</br>在职人数</th>
                        <th style="width:10%">区域经理</br>请假人数</th>
                        <th style="width:10%">区域经理</br>标配人数</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr v-for="(item,i) in visitCustomer.telList">
                        <td>{{item.rownum}}</td>
                        <td>{{item.averageComplete}}</td>
                        <td style="color:#169BD5;cursor: pointer" @click="lookInterviewDepart(item),'0'"
                            class="lineOne"><span style="text-align: center;">{{item.departName}}</span></td>
                        <td>
                            <span v-if="item.bigManagerName">{{item.bigManagerName}}</span>
                            <span v-else style="color: #CCCCCC;">空缺</span>
                        </td>
                        <td>{{item.target}}</td>
                        <td>{{item.complete}}</td>
                        <td>{{item.completionRate}}%</td>
                        <td>{{item.regionManagerNum}}</td>
                        <td>{{item.leaveNumber}}</td>
                        <td>{{item.managerTargetNum}}</td>
                    </tr>
                    <tr>
                        <td>合计</td>
                        <td>{{visitCustomer.bigcalculation[0].daily}}</td>
                        <td>-</td>
                        <td>-</td>
                        <td>{{visitCustomer.bigcalculation[0].targetDayCount}}</td>
                        <td>{{visitCustomer.bigcalculation[0].finishDayCount}}</td>
                        <td>-</td>
                        <td>{{visitCustomer.bigcalculation[0].regionManagerNum}}</td>
                        <td>{{visitCustomer.bigcalculation[0].leaveNumber}}</td>
                        <td>{{visitCustomer.bigcalculation[0].managerTargetNum}}</td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <!--拜访客户-公司级别模块-->
    <div class="templateStyle" v-if="isHasModule('visitCompany')">
        <div class="nav-tabs-custom oaReportNav">
            <!-- Tabs within a box -->
            <div class="moduleName">拜访客户</div>
            <ul class="nav nav-tabs pull-right" style="margin-bottom: 10px;" v-cloak>
                <li class="active" @click="refreshData('visitCustomer','get_visitCompany',today)"><a href="#sales-chart"
                                                                                                     data-toggle="tab"><span v-if="visitCustomer.time==today&&hour<12">昨日</span><span v-else>今日</span></a>
                </li>
                <li @click="refreshData('visitCustomer','get_visitCompany',thisWeek)"><a href="#sales-chart"
                                                                                         data-toggle="tab">本周</a></li>
                <li @click="refreshData('visitCustomer','get_visitCompany',thisMonth)"><a href="#sales-chart"
                                                                                          data-toggle="tab">本月</a></li>
                <li v-for="(item,i) in tab" @click="refreshData('visitCustomer','get_visitCompany',item.time)"><a
                        href="#sales-chart" data-toggle="tab">{{i==0?"上月":item.str}}</a>
                </li>
            </ul>
        </div>
        <div style="padding: 0 10px;background: #fff;overflow: hidden" id="visitCompany">
            <div style="width: 49%;" class="mScrollBox">
                <table class="table table-bordered text-center table-width">
                    <thead>
                    <tr>
                        <th style="width:60px">面访<br>排名
                        </th>
                        <th style="width:45px">人均<br>完成
                        </th>
                        <th style="width:70px">大区</th>
                        <th style="width:85px">大区经理</th>
                        <th style="width:55px">目标
                        </th>
                        <th style="width:55px">完成
                        </th>
                        <th style="width:55px">完成率</th>
                        <th style="width:85px">区域经理</br>在职人数</th>
                        <th style="width:85px">区域经理</br>请假人数</th>
                        <th style="width:85px">区域经理</br>标配人数</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr v-for="(item,i) in visitCustomer.faceList">
                        <td>{{item.rownum}}</td>
                        <td>{{item.averageComplete}}</td>
                        <td style="text-align:center;color:#169BD5;cursor: pointer"
                            @click="lookInterviewDepart(item),'1'" class="lineOne"><span style="text-align:center;">{{item.departName}}</span>
                        </td>
                        <td>
                            <span v-if="item.bigManagerName">{{item.bigManagerName}}</span>
                            <span v-else style="color: #CCCCCC;">空缺</span>
                        </td>
                        <td>{{item.target}}</td>
                        <td>{{item.complete}}</td>
                        <td>{{item.completionRate}}%</td>
                        <td>{{item.regionManagerNum}}</td>
                        <td>{{item.leaveNumber}}</td>
                        <td>{{item.managerTargetNum}}</td>
                    </tr>
                    <tr>
                        <td>合计</td>
                        <td>{{visitCustomer.bigcalculation[1].daily}}</td>
                        <td>-</td>
                        <td>-</td>
                        <td>{{visitCustomer.bigcalculation[1].targetDayCount}}</td>
                        <td>{{visitCustomer.bigcalculation[1].finishDayCount}}</td>
                        <td>-</td>
                        <td>{{visitCustomer.bigcalculation[1].regionManagerNum}}</td>
                        <td>{{visitCustomer.bigcalculation[1].leaveNumber}}</td>
                        <td>{{visitCustomer.bigcalculation[1].managerTargetNum}}</td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div style="width: 49%;float:right;" class="mScrollBox">
                <table class="table table-bordered text-center table-width">
                    <thead>
                    <tr>
                        <th style="width:60px">电访<br>排名
                        </th>
                        <th style="width:45px">人均<br>完成
                        </th>
                        <th style="width:70px">大区</th>
                        <th style="width:85px">大区经理</th>
                        <th style="width:60px">目标
                        </th>
                        <th style="width:60px">完成
                        </th>
                        <th style="width:60px">完成率
                        </th>
                        <th style="width:85px">区域经理</br>在职人数</th>
                        <th style="width:85px">区域经理</br>请假人数</th>
                        <th style="width:85px">区域经理</br>标配人数</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr v-for="(item,i) in visitCustomer.telList">
                        <td>{{item.rownum}}</td>
                        <td>{{item.averageComplete}}</td>
                        <td style="color:#169BD5;cursor: pointer" @click="lookInterviewDepart(item),'0'"
                            class="lineOne"><span style="text-align:center;">{{item.departName}}</span></td>
                        <td>
                            <span v-if="item.bigManagerName">{{item.bigManagerName}}</span>
                            <span v-else style="color: #CCCCCC;">空缺</span>
                        </td>
                        <td>{{item.target}}</td>
                        <td>{{item.complete}}</td>
                        <td>{{item.completionRate}}%</td>
                        <td>{{item.regionManagerNum}}</td>
                        <td>{{item.leaveNumber}}</td>
                        <td>{{item.managerTargetNum}}</td>
                    </tr>
                    <tr>
                        <td>合计</td>
                        <td>{{visitCustomer.bigcalculation[0].daily}}</td>
                        <td>-</td>
                        <td>-</td>
                        <td>{{visitCustomer.bigcalculation[0].targetDayCount}}</td>
                        <td>{{visitCustomer.bigcalculation[0].finishDayCount}}</td>
                        <td>-</td>
                        <td>{{visitCustomer.bigcalculation[0].regionManagerNum}}</td>
                        <td>{{visitCustomer.bigcalculation[0].leaveNumber}}</td>
                        <td>{{visitCustomer.bigcalculation[0].managerTargetNum}}</td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <!--拜访客户-集团经理模块-->
    <div class="templateStyle" v-if="isHasModule('visitGroup')">
        <div class="nav-tabs-custom oaReportNav">
            <!-- Tabs within a box -->
            <div class="moduleName">拜访客户</div>
            <ul class="nav nav-tabs pull-right" style="margin-bottom: 10px;" v-cloak>
                <li class="active" @click="refreshData('visitCustomer','get_visitGroup',today)"><a href="#sales-chart" data-toggle="tab"><span v-if="visitCustomer.time==today&&hour<12">昨日</span><span v-else>今日</span></a>
                </li>
                <li @click="refreshData('visitCustomer','get_visitGroup',thisWeek)"><a href="#sales-chart"
                                                                                       data-toggle="tab">本周</a></li>
                <li @click="refreshData('visitCustomer','get_visitGroup',thisMonth)"><a href="#sales-chart"
                                                                                        data-toggle="tab">本月</a></li>
                <li v-for="(item,i) in tab" @click="refreshData('visitCustomer','get_visitGroup',item.time)"><a
                        href="#sales-chart" data-toggle="tab">{{i==0?"上月":item.str}}</a>
                </li>
            </ul>
        </div>
        <div style="padding: 0 10px;background: #fff;overflow: hidden" id="visitGroup">
            <div style="width: 49%;" class="mScrollBox">
                <table class="table table-bordered text-center table-width">
                    <thead>
                    <tr>
                        <th style="width:8%">面访<br>排名
                        </th>
                        <th style="width:8%">人均<br>完成
                        </th>
                        <th style="width:15%;">公司</th>
                        <th style="width:10%">总经理/<br>销售总监</th>
                        <th style="width:8%">目标
                        </th>
                        <th style="width:8%">完成
                        </th>
                        <th style="width:10%">完成率
                        </th>
                        <th style="width:10%">区域经理</br>在职人数</th>
                        <th style="width:5%">请假<br>人数
                        </th>
                        <th style="width:10%">区域经理</br>标配人数</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr v-for="(item,i) in visitCustomer.faceList">
                        <td>{{item.rownum}}</td>
                        <td>{{item.averageComplete}}</td>
                        <td style="color:#169BD5;cursor: pointer" @click="lookInterviewCompany(item),'1'"
                            class="lineOne"><span style="text-align: center;">{{item.companyName}}</span></td>
                        <td>
                            <span v-if="item.managerName">{{item.managerName}}</span>
                            <span v-else style="color: #CCCCCC;">空缺</span>
                            <span v-if="item.salerManagerName">/{{item.salerManagerName}}</span>
                            <span v-else style="color: #CCCCCC;"></span>
                        </td>
                        <td>{{item.target}}</td>
                        <td>{{item.complete}}</td>
                        <td>{{item.completionRate}}%</td>
                        <td>{{item.regionManagerNum}}</td>
                        <td>{{item.leaveNumber}}</td>
                        <td>{{item.managerTargetNum}}</td>
                    </tr>
                    <tr>
                        <td>合计</td>
                        <td>{{visitCustomer.bigcalculation[1].daily}}</td>
                        <td>-</td>
                        <td>-</td>
                        <td>{{visitCustomer.bigcalculation[1].targetDayCount}}</td>
                        <td>{{visitCustomer.bigcalculation[1].finishDayCount}}</td>
                        <td>-</td>
                        <td>{{visitCustomer.bigcalculation[1].regionManagerNum}}</td>
                        <td>{{visitCustomer.bigcalculation[1].leaveNumber}}</td>
                        <td>{{visitCustomer.bigcalculation[1].managerTargetNum}}</td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div style="width: 49%;float:right;" class="mScrollBox">
                <table class="table table-bordered text-center table-width">
                    <thead>
                    <tr>
                        <th style="width:8%">电访<br>排名
                        </th>
                        <th style="width:8%">人均<br>完成
                        </th>
                        <th style="width:15%">公司</th>
                        <th style="width:10%">总经理/<br>销售总监</th>
                        <th style="width:8%">目标
                        </th>
                        <th style="width:8%">完成
                        </th>
                        <th style="width:10%">完成率
                        </th>
                        <th style="width:10%">区域经理</br>在职人数</th>
                        <th style="width:5%">请假<br>人数
                        </th>
                        <th style="width:10%">区域经理</br>标配人数</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr v-for="(item,i) in visitCustomer.telList">
                        <td>{{item.rownum}}</td>
                        <td>{{item.averageComplete}}</td>
                        <td style="color:#169BD5;cursor: pointer" @click="lookInterviewCompany(item),'0'"
                            class="lineOne"><span style="text-align: center;">{{item.companyName}}</span></td>
                        <td>
                            <span v-if="item.managerName">{{item.managerName}}</span>
                            <span v-else style="color: #CCCCCC;">空缺</span>
                            <span v-if="item.salerManagerName">/{{item.salerManagerName}}</span>
                            <span v-else style="color: #CCCCCC;"></span>
                        </td>
                        <td>{{item.target}}</td>
                        <td>{{item.complete}}</td>
                        <td>{{item.completionRate}}%</td>
                        <td>{{item.regionManagerNum}}</td>
                        <td>{{item.leaveNumber}}</td>
                        <td>{{item.managerTargetNum}}</td>
                    </tr>
                    <tr>
                        <td>合计</td>
                        <td>{{visitCustomer.bigcalculation[0].daily}}</td>
                        <td>-</td>
                        <td>-</td>
                        <td>{{visitCustomer.bigcalculation[0].targetDayCount}}</td>
                        <td>{{visitCustomer.bigcalculation[0].finishDayCount}}</td>
                        <td>-</td>
                        <td>{{visitCustomer.bigcalculation[0].regionManagerNum}}</td>
                        <td>{{visitCustomer.bigcalculation[0].leaveNumber}}</td>
                        <td>{{visitCustomer.bigcalculation[0].managerTargetNum}}</td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <!--陪同拜访客户-大区经理模块-->
    <div class="templateStyle" v-if="isHasModule('visitClientDepart')">
        <div class="nav-tabs-custom oaReportNav">
            <!-- Tabs within a box -->
            <div class="moduleName">陪跑拜访</div>
            <ul class="nav nav-tabs pull-right" style="margin-bottom: 10px;" v-cloak>
                <li class="active" @click="refreshData('visitClientCustomer','get_visitClientDepart',today)"><a href="#sales-chart" data-toggle="tab"><span v-if="hour<12&&visitClientCustomer.time==today">昨日</span><span v-else>今日</span></a></li>
                <li @click="refreshData('visitClientCustomer','get_visitClientDepart',thisWeek)"><a href="#sales-chart" data-toggle="tab">本周</a>
                </li>
                <li @click="refreshData('visitClientCustomer','get_visitClientDepart',thisMonth)"><a href="#sales-chart" data-toggle="tab">本月</a>
                </li>
                <li v-for="(item,i) in tab"
                    @click="refreshData('visitClientCustomer','get_visitClientDepart',item.time)"><a href="#sales-chart" data-toggle="tab">{{i==0?"上月":item.str}}</a>
                </li>
            </ul>
        </div>
        <div style="padding: 0 10px;background: #fff;overflow: hidden" id="visitClientDepart">
            <div style="width: 80%;" class="mScrollBox">
                <table class="table table-bordered text-center table-width">
                    <thead>
                    <tr>
                        <th style="width:5%">序号</th>
                        <th style="width: 10%;text-align: center">大区经理</th>
                        <th style="width: 10%;text-align: center">大区</th>
                        <th style="width: 10%;text-align: center">
                            陪跑区域<br>经理
                        </th>
                        <th style="width: 10%;text-align: center">
                            陪跑客户<br>数量
                        </th>
                        <th style="width: 55%;ext-align: center">区域</th>
                    </tr>
                    </thead>
                    <tbody   v-cloak>
                    <template v-if="visitClientCustomer.list.length>0">
                        <tr v-for="(item,i) in visitClientCustomer.list">
                            <td>{{i+1}}</td>
                            <td :rowspan="item.managerNamespan" :class="{hidden: item.managerNamedis}" style="text-align: center">{{item.managerName}}</td>
                            <td :rowspan="item.departNamespan" :class="{hidden: item.departNamedis}" style="text-align: center" >{{item.departName}}</td>
                            <td style="text-align: center;" :class="item.entourageName=='无'?'userStyle':''">{{item.entourageName}}<span v-if="item.jobState==-2" class="tryStyle">试岗</span><span v-if="item.jobState==-1" class="tryStyle">试用</span></td>
                            <td v-if="isGo(item)" style="color:#169BD5;cursor: pointer;text-align: center" @click="lookRegionList(item)" :class="item.entourageName=='无'?'userStyle':''">{{item.visitCount}}</td>
                            <td v-else style="text-align: center" :class="item.entourageName=='无'?'userStyle':''">{{item.visitCount}}</td>
                            <td style="text-align: left" :class="item.entourageName=='无'?'userStyle':''">{{item.regionName}}</td>
                        </tr>
                        <tr v-if="visitClientCustomer.list.length!=0">
                            <td>合计</td>
                            <td>-</td>
                            <td>-</td>
                            <td>-</td>
                            <td>{{visitClientCustomer.visitCount}}</td>
                            <td>-</td>
                        </tr>
                    </template>
                    <template v-else>
                        <tr>
                            <td colspan="6">暂无数据</td>
                        </tr>
                    </template>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <!--陪同拜访客户-公司经理模块-->
    <div class="templateStyle" v-if="isHasModule('visitClientCompany')">
        <div class="nav-tabs-custom oaReportNav">
            <!-- Tabs within a box -->
            <div class="moduleName">陪跑拜访</div>
            <ul class="nav nav-tabs pull-right" style="margin-bottom: 10px;" v-cloak>
                <li class="active" @click="refreshData('visitClientCustomer','get_visitClientCompany',today)"><a href="#sales-chart" data-toggle="tab"><span v-if="hour<12&&visitClientCustomer.time==today">昨日</span><span v-else>今日</span></a></li>
                <li @click="refreshData('visitClientCustomer','get_visitClientCompany',thisWeek)"><a href="#sales-chart" data-toggle="tab">本周</a>
                </li>
                <li @click="refreshData('visitClientCustomer','get_visitClientCompany',thisMonth)"><a href="#sales-chart" data-toggle="tab">本月</a>
                </li>
                <li v-for="(item,i) in tab"
                    @click="refreshData('visitClientCustomer','get_visitClientCompany',item.time)"><a href="#sales-chart" data-toggle="tab">{{i==0?"上月":item.str}}</a>
                </li>
            </ul>
        </div>
        <div style="padding: 0 10px;background: #fff;overflow: hidden" id="visitClientCompany">
            <div style="width: 80%;" class="mScrollBox">
                <table class="table table-bordered text-center table-width">
                    <thead>
                    <tr>
                        <th style="width:5%">序号</th>
                        <th style="width: 10%;text-align: center">大区经理</th>
                        <th style="width: 10%;text-align: center">大区</th>
                        <th style="width: 10%;text-align: center">
                            陪跑区域<br>经理
                        </th>
                        <th style="width: 10%;text-align: center">
                            陪跑客户<br>数量
                        </th>
                        <th style="width: 55%;text-align: center">区域</th>
                    </tr>
                    </thead>
                    <tbody   v-cloak>
                    <template v-if="visitClientCustomer.list.length>0">
                        <tr v-for="(item,i) in visitClientCustomer.list">
                            <td>{{i+1}}</td>
                            <td :rowspan="item.managerNamespan" :class="{hidden: item.managerNamedis}" style="text-align: center">{{item.managerName}}</td>
                            <td :rowspan="item.departNamespan" :class="{hidden: item.departNamedis}" style="text-align: center" >{{item.departName}}</td>
                            <td style="text-align: center;" :class="item.entourageName=='无'?'userStyle':''">{{item.entourageName}}<span v-if="item.jobState==-2" class="tryStyle">试岗</span><span v-if="item.jobState==-1" class="tryStyle">试用</span></td>
                            <td v-if="isGo(item)" style="color:#169BD5;cursor: pointer;text-align: center" @click="lookRegionList(item)" :class="item.entourageName=='无'?'userStyle':''">{{item.visitCount}}</td>
                            <td v-else style="text-align: center" :class="item.entourageName=='无'?'userStyle':''">{{item.visitCount}}</td>
                            <td style="text-align: left" :class="item.entourageName=='无'?'userStyle':''">{{item.regionName}}</td>
                        </tr>
                        <tr v-if="visitClientCustomer.list.length!=0">
                            <td>合计</td>
                            <td>-</td>
                            <td>-</td>
                            <td>-</td>
                            <td>{{visitClientCustomer.visitCount}}</td>
                            <td>-</td>
                        </tr>
                    </template>
                    <template v-else>
                        <tr>
                            <td colspan="6">暂无数据</td>
                        </tr>
                    </template>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <!--陪同拜访客户-集团模块-->
    <div class="templateStyle" v-if="isHasModule('visitClientGroup')">
        <div class="nav-tabs-custom oaReportNav">
            <!-- Tabs within a box -->
            <div class="moduleName">陪跑拜访</div>
            <ul class="nav nav-tabs pull-right" style="margin-bottom: 10px;" v-cloak>
                <li class="active" @click="refreshData('visitClientCustomer','get_visitClientGroup',today)"><a href="#sales-chart" data-toggle="tab"><span v-if="hour<12&&visitClientCustomer.time==today">昨日</span><span v-else>今日</span></a></li>
                <li @click="refreshData('visitClientCustomer','get_visitClientGroup',thisWeek)"><a href="#sales-chart" data-toggle="tab">本周</a>
                </li>
                <li @click="refreshData('visitClientCustomer','get_visitClientGroup',thisMonth)"><a href="#sales-chart" data-toggle="tab">本月</a>
                </li>
                <li v-for="(item,i) in tab"
                    @click="refreshData('visitClientCustomer','get_visitClientGroup',item.time)"><a href="#sales-chart" data-toggle="tab">{{i==0?"上月":item.str}}</a>
                </li>
            </ul>
        </div>
        <div style="padding: 0 10px;background: #fff;overflow: hidden" id="visitClientGroup">
            <div style="width: 80%;" class="mScrollBox">
                <table class="table table-bordered text-center table-width">
                    <thead>
                    <tr>
                        <th style="width: 5%">序号</th>
                        <th style="width: 20%;text-align: center">公司</th>
                        <th style="width:15%;text-align: center">总经理/<br>销售总监</th>
                        <th style="width:15%;;text-align: center">
                            陪跑区域<br>经理数量
                        </th>
                        <th style="width:15%;text-align: center">
                            大区经理面访<br>客户数量
                        </th>
                        <th style="width:15%;text-align: center">
                            标配大区<br>经理数量
                        </th>
                        <th style="width:15%;text-align: center">
                            现有大区<br>经理数量
                        </th>
                    </tr>
                    </thead>
                    <tbody>
                    <template v-if="visitClientCustomer.list.length>0">
                        <tr v-for="(item,i) in visitClientCustomer.list">
                            <td>{{i+1}}</td>
                            <td style="text-align: center">{{item.companyName}}</td>
                            <td>
                                <span v-if="item.managerName">{{item.managerName}}</span>
                                <span v-else style="color: #CCCCCC;">空缺</span>
                                <span v-if="item.salerManagerName">/{{item.salerManagerName}}</span>
                                <span v-else style="color: #CCCCCC;"></span>
                            </td>
                            <td style="text-align: center">{{item.managerCount}}</td>
                            <td style="text-align: center" v-if="item.visitCount=='0'">{{item.visitCount}}</td>
                            <td style="color:#169BD5;cursor: pointer;text-align: center" @click="openVisitClientCustomerCompany(item)"
                                v-else>{{item.visitCount}}
                            </td>
                            <td style="text-align: center">{{item.managerTargetNum}}</td>
                            <td style="text-align: center">{{item.regionManagerNum}}</td>
                        </tr>
                    </template>
                    <template v-else>
                        <tr>
                            <td colspan="7">暂无数据</td>
                        </tr>
                    </template>
                    </tbody>
                </table>
            </div>
            <div style="width: 20%;float:right;">
                <div class="infoReport" style="margin-top: 30px;width:190px;">
                    <div>陪跑区域经理数量(总)：{{visitClientCustomer.managerCount}}</div>
                    <div>大区经理面访客户(总)：{{visitClientCustomer.visitCount}}</div>
                    <div>标配大区经理数量(总)：{{visitClientCustomer.managerTargetNum}}</div>
                    <div>现有大区经理数量(总)：{{visitClientCustomer.regionManagerNum}}</div>
                </div>
            </div>
        </div>
    </div>
    <!--微信转发-区域经理模块-->
    <div class="templateStyle" v-if="isHasModule('wechatPersonal')">
        <div class="nav-tabs-custom oaReportNav">
            <!-- Tabs within a box -->
            <div class="moduleName">微信转发</div>
            <ul class="nav nav-tabs pull-right" style="margin-bottom: 10px;" v-cloak>
                <li class="active" @click="refreshData('wechat','get_wechatPersonal',today)"><a href="#sales-chart"
                                                                                                data-toggle="tab">今日</a>
                </li>
                <li @click="refreshData('wechat','get_wechatPersonal',thisMonth)"><a href="#sales-chart"
                                                                                     data-toggle="tab">本月</a></li>
                <li v-for="(item,i) in tab" @click="refreshData('wechat','get_wechatPersonal',item.time)"><a
                        href="#sales-chart" data-toggle="tab">{{i==0?"上月":item.str}}</a>
            </ul>
        </div>
        <div style="padding: 0 10px;background: #fff;overflow: hidden">
            <div style="width: 80%;" class="mScrollBox" id="wechatPersonal">
                <table class="table table-bordered text-center table-width">
                    <thead>
                    <tr>
                        <th style="width: 5%;">序号</th>
                        <th style="width: 10%">日期</th>
                        <th style="width: 69%">转发标题</th>
                        <th style="width: 8%">转发次数</th>
                        <th style="width: 8%">转发</th>
                    </tr>
                    </thead>
                    <tbody>
                    <template v-if="wechat.list.length>0">
                        <tr v-for="(item,i) in wechat.list">
                            <td>{{i+1}}</td>
                            <td :rowspan="item.shareDatespan" :class="{hidden: item.shareDatedis}">{{item.shareDate}}
                            </td>
                            <td class="lineOne"><span>{{item.name}}</span></td>
                            <td>{{item.forwardNumber}}</td>
                            <td>
                                <i v-if="item.nightFlag==1">
                                    <i class="fa fa-check" style="color:#349f2f;"></i>
                                </i>
                                <i v-else-if="item.nightFlag==0">
                                    <i class="fa fa-close" style="color:red;"></i>
                                </i>
                            </td>
                        </tr>
                    </template>
                    <template v-else>
                        <tr>
                            <td colspan="6">暂无数据~</td>
                        </tr>
                    </template>
                    </tbody>
                </table>
            </div>
            <div style="width: 20%;float:right;">
                <div class="infoReport" style="margin-top: 30px;">
                    <div>应转发：{{wechat.reportShare.forward}}</div>
                    <div>已转发：{{wechat.reportShare.finishForward}}</div>
                    <div>未转发：{{wechat.reportShare.noForward}}</div>
                    <div>好友数：{{wechat.reportShare.contacts}}</div>
                </div>
            </div>
        </div>
    </div>
    <!--微信转发-大区经理模块-->
    <div class="templateStyle" v-if="isHasModule('wechatDepart')">
        <div class="nav-tabs-custom oaReportNav">
            <!-- Tabs within a box -->
            <div class="moduleName">微信转发</div>
            <ul class="nav nav-tabs pull-right" style="margin-bottom: 10px;" v-cloak>
                <li class="active" @click="refreshData('wechat','get_wechatDepart',today)"><a href="#sales-chart"
                                                                                              data-toggle="tab">今日</a>
                </li>
                <li @click="refreshData('wechat','get_wechatDepart',thisMonth)"><a href="#sales-chart"
                                                                                   data-toggle="tab">本月</a></li>
                <li v-for="(item,i) in tab" @click="refreshData('wechat','get_wechatDepart',item.time)"><a
                        href="#sales-chart" data-toggle="tab">{{i==0?"上月":item.str}}</a>
            </ul>
        </div>
        <div style="padding: 0 10px;background: #fff;overflow: hidden">
            <div style="width: 80%;" class="mScrollBox" id="wechatDepart">
                <table class="table table-bordered text-center table-width">
                    <thead>
                    <tr>
                        <th style="width:5%;">序号</th>
                        <th style="width: 10%">岗位</th>
                        <th style="width: 8%;">姓名</th>
                        <th style="width: 8%;">应转发</th>
                        <th style="width:8%;">已转发</th>
                        <th style="width: 8%;">未转发</th>
                        <th style="width: 8%;">好友数</th>
                        <th style="width: 45%">区域</th>
                    </tr>
                    </thead>
                    <tbody>
                    <template v-if="wechat.list.length>0">
                        <tr v-for="(item,i) in wechat.list">
                            <td>{{i+1}}</td>
                            <td :rowspan="item.roleNamespan" :class="{hidden: item.roleNamedis}">{{item.roleName}}</td>
                            <td style="color:#169BD5;cursor: pointer;" @click="openWechatPersonal(item)">
                                {{item.userName}}
                            </td>
                            <td>{{item.forward}}</td>
                            <td>{{item.finishForward}}</td>
                            <td style="color: red;">{{item.noForward}}</td>
                            <td>{{item.contacts?item.contacts:"-"}}</td>
                            <td class="lineOne">
                                <span>{{item.regionName}}</span>
                            </td>
                        </tr>
                    </template>
                    <template v-else>
                        <tr>
                            <td colspan="8">暂无数据~</td>
                        </tr>
                    </template>
                    </tbody>
                </table>
            </div>
            <div style="width: 20%;float:right;">
                <div class="infoReport" style="margin-top: 30px;">
                    <div>应转发(总)：{{wechat.reportShare.forward}}</div>
                    <div>已转发(总)：{{wechat.reportShare.finishForward}}</div>
                    <div>未转发(总)：{{wechat.reportShare.noForward}}</div>
                    <div>好友数(总)：{{wechat.reportShare.contacts}}</div>
                </div>
            </div>
        </div>
    </div>
    <!--微信转发公司级别模块-->
    <div class="templateStyle" v-if="isHasModule('wechatCompany')">
        <div class="nav-tabs-custom oaReportNav">
            <!-- Tabs within a box -->
            <div class="moduleName">微信转发</div>
            <ul class="nav nav-tabs pull-right" style="margin-bottom: 10px;" v-cloak>
                <li class="active" @click="refreshData('wechat','get_wechatCompany',today)"><a href="#sales-chart"
                                                                                               data-toggle="tab">今日</a>
                </li>
                <li @click="refreshData('wechat','get_wechatCompany',thisMonth)"><a href="#sales-chart"
                                                                                    data-toggle="tab">本月</a></li>
                <li v-for="(item,i) in tab" @click="refreshData('wechat','get_wechatCompany',item.time)"><a
                        href="#sales-chart" data-toggle="tab">{{i==0?"上月":item.str}}</a>
            </ul>
        </div>
        <div style="padding: 0 10px;background: #fff;overflow: hidden">
            <div style="width: 80%;" class="mScrollBox" id="wechatCompany">
                <table class="table table-bordered text-center table-width">
                    <thead>
                    <tr>
                        <th style="width: 5%;">序号</th>
                        <th style="width: 10%">部门/大区</th>
                        <th style="width: 10%">岗位</th>
                        <th style="width: 8%">姓名</th>
                        <th style="width: 8%">应转发</th>
                        <th style="width: 8%;">已转发</th>
                        <th style="width: 8%">未转发</th>
                        <th style="width: 8%;">好友数</th>
                        <th style="width: 35%">区域</th>
                    </tr>
                    </thead>
                    <tbody>
                    <template v-if="wechat.list.length>0">
                        <tr v-for="(item,i) in wechat.list">
                            <td>{{i+1}}</td>
                            <td :rowspan="item.departNamespan" :class="{hidden: item.departNamedis}">{{item.departName}}</td>
                            <td :rowspan="item.roleNamespan" :class="{hidden: item.roleNamedis}">{{item.roleName}}</td>
                            <td style="color:#169BD5;cursor: pointer;" @click="openWechatPersonal(item)">
                                {{item.userName}}
                            </td>
                            <td>{{item.forward}}</td>
                            <td>{{item.finishForward}}</td>
                            <td style="color: red;">{{item.noForward}}</td>
                            <td>{{item.contacts?item.contacts:"-"}}</td>
                            <td class="lineOne">
                                <span>{{item.regionName}}</span>
                            </td>
                        </tr>
                    </template>
                    <template v-else>
                        <tr>
                            <td colspan="8">暂无数据~</td>
                        </tr>
                    </template>
                    </tbody>
                </table>
            </div>
            <div style="width: 20%;float:right;">
                <div class="infoReport" style="margin-top: 30px;">
                    <div>应转发(总)：{{wechat.reportShare.forward}}</div>
                    <div>已转发(总)：{{wechat.reportShare.finishForward}}</div>
                    <div>未转发(总)：{{wechat.reportShare.noForward}}</div>
                    <div>好友数(总)：{{wechat.reportShare.contacts}}</div>
                </div>
            </div>
        </div>
    </div>
    <!--微信转发集团级别模块-->
    <div class="templateStyle" v-if="isHasModule('wechatGroup')">
        <div class="nav-tabs-custom oaReportNav">
            <!-- Tabs within a box -->
            <div class="moduleName">微信转发</div>
            <ul class="nav nav-tabs pull-right" style="margin-bottom: 10px;" v-cloak>
                <li class="active" @click="refreshData('wechat','get_wechatGroup',today)"><a href="#sales-chart"
                                                                                             data-toggle="tab">今日</a>
                </li>
                <li @click="refreshData('wechat','get_wechatGroup',thisMonth)"><a href="#sales-chart" data-toggle="tab">本月</a>
                </li>
                <li v-for="(item,i) in tab" @click="refreshData('wechat','get_wechatGroup',item.time)"><a
                        href="#sales-chart" data-toggle="tab">{{i==0?"上月":item.str}}</a>
            </ul>
        </div>
        <div style="padding: 0 10px;background: #fff;overflow: hidden">
            <div style="width: 80%;" class="mScrollBox" id="wechatGroup">
                <table class="table table-bordered text-center table-width">
                    <thead>
                    <tr>
                        <th style="width: 5%;">序号</th>
                        <th style="width: 19%">公司名称</th>
                        <th style="width: 19%;">应转发</th>
                        <th style="width: 19%;">已转发</th>
                        <th style="width: 19%;">未转发</th>
                        <th style="width: 19%;">好友数</th>
                    </tr>
                    </thead>
                    <tbody>
                    <template v-if="wechat.list.length>0">
                        <tr v-for="(item,i) in wechat.list">
                            <td>{{i+1}}</td>
                            <td style="color:#169BD5;cursor: pointer;" @click="openWechatCompany(item)">
                                {{item.companyName}}
                            </td>
                            <td>{{item.forward}}</td>
                            <td>{{item.finishForward}}</td>
                            <td style="color: red;">{{item.noForward}}</td>
                            <td>{{item.contacts?item.contacts:"-"}}</td>
                        </tr>
                    </template>
                    <template v-else>
                        <tr>
                            <td colspan="5">暂无数据~</td>
                        </tr>
                    </template>
                    </tbody>
                </table>
            </div>
            <div style="width: 20%;float:right;">
                <div class="infoReport" style="margin-top: 30px;">
                    <div>应转发(总)：{{wechat.reportShare.forward}}</div>
                    <div>已转发(总)：{{wechat.reportShare.finishForward}}</div>
                    <div>未转发(总)：{{wechat.reportShare.noForward}}</div>
                    <div>好友数(总)：{{wechat.reportShare.contacts}}</div>
                </div>
            </div>
        </div>
    </div>
    <!--客户-区域经理模块-->
    <div class="templateStyle" v-if="isHasModule('customersPersonal')">
        <div class="nav-tabs-custom oaReportNav">
            <!-- Tabs within a box -->
            <div class="moduleName">客户报表</div>
            <ul class="nav nav-tabs pull-right" style="margin-bottom: 10px;" v-cloak>
                <li class="active" @click="refreshData('customer','get_customersPersonal',today)"><a href="#sales-chart" data-toggle="tab"><span v-if="hour<12&&customer.time==today">昨日</span><span v-else>今日</span></a>
                </li>
                <li @click="refreshData('customer','get_customersPersonal',thisMonth)"><a href="#sales-chart"
                                                                                          data-toggle="tab">本月</a></li>
                <li v-for="(item,i) in tab" @click="refreshData('customer','get_customersPersonal',item.time)"><a
                        href="#sales-chart" data-toggle="tab">{{i==0?"上月":item.str}}</a>
            </ul>
            <button type="button" class="btn oaBtn btn-sm pull-right"
                    style="margin-left: 10px;height: 27px;position: absolute;right: 10px;top: 10px;"
                    @click="openCustomerList()">客户列表
            </button>
        </div>
        <div style="padding: 0 10px;background: #fff;overflow: hidden" id="customersPersonal">
            <div style="width:80%;" class="mScrollBox">
                <table class="table table-bordered text-center table-width">
                    <thead>
                    <tr>
                        <th style="width: 5%">序号</th>
                        <th style="width: 8%">客户姓名</th>
                        <th style="width: 8%">客户来源</th>
                        <th style="width: 8%">意向机型</th>
                        <th style="width: 8%;">购买方式</th>
                        <th style="width: 9%;">购买时间</th>
                        <th style="width: 18%">资金情况、来源</th>
                        <th style="width: 18%">已有设备</th>
                        <th style="width: 18%">其他情况</th>
                    </tr>
                    </thead>
                    <tbody>
                    <template v-if="customer.list.length>0">
                        <tr v-for="(item,i) in customer.list">
                            <td>{{i+1}}</td>
                            <td>
                                <span>{{item.name}}</span>
                            </td>
                            <td>
                                {{item.source}}
                            </td>
                            <td>
                                {{item.intentionModel}}
                            </td>
                            <td>
                                {{item.buyType}}
                            </td>
                            <td>
                                {{item.buyDate}}
                            </td>
                            <td class="lineOne">
                                <span>{{item.fundCondition}}</span>
                            </td>
                            <td class="lineOne">
                                <span>{{item.existingDevice}}</span>
                            </td>
                            <td class="lineOne">
                                <span>{{item.otherCondition}}</span>
                            </td>
                        </tr>
                    </template>
                    <template v-else>
                        <tr>
                            <td colspan="10">暂无数据~</td>
                        </tr>
                    </template>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <!--客户-大区经理模块-->
    <div class="templateStyle" v-if="isHasModule('customersDepart')">
        <div class="nav-tabs-custom oaReportNav">
            <!-- Tabs within a box -->
            <div class="moduleName">客户报表</div>
            <ul class="nav nav-tabs pull-right" style="margin-bottom: 10px;" v-cloak>
                <li class="active" @click="refreshData('customer','get_customersDepart',today)"><a href="#sales-chart" data-toggle="tab"><span v-if="hour<12&&customer.time==today">昨日</span><span v-else>今日</span></a>
                </li>
                <li @click="refreshData('customer','get_customersDepart',thisMonth)"><a href="#sales-chart"
                                                                                        data-toggle="tab">本月</a></li>
                <li v-for="(item,i) in tab" @click="refreshData('customer','get_customersDepart',item.time)"><a
                        href="#sales-chart" data-toggle="tab">{{i==0?"上月":item.str}}</a>
            </ul>
            <button type="button" class="btn oaBtn btn-sm pull-right"
                    style="margin-left: 10px;height: 27px;position: absolute;right: 10px;top: 10px;"
                    @click="openCustomerList()">客户列表
            </button>
        </div>
        <div style="padding: 0 10px;background: #fff;overflow: hidden" id="customersDepart">
            <div style="width:80%;" class="mScrollBox">
                <table class="table table-bordered text-center table-width">
                    <thead>
                    <tr>
                        <th style="width: 5%;">序号</th>
                        <th style="width: 10%">部门/大区</th>
                        <th style="width: 10%;">岗位</th>
                        <th style="width: 8%;">姓名</th>
                        <th style="width: 8%;">新增数量</th>
                        <th style="width: 59%;">区域</th>
                    </tr>
                    </thead>
                    <tbody>
                    <template v-if="customer.list.length>0">
                        <tr v-for="(item,i) in customer.list">
                            <td>{{i+1}}</td>
                            <td :rowspan="item.departNamespan" :class="{hidden: item.departNamedis}">
                                {{item.departName}}
                            </td>
                            <td :rowspan="item.roleNamespan" :class="{hidden: item.roleNamedis}">{{item.roleName}}</td>
                            <td>
                                {{item.userName}}
                            </td>
                            <td @click="openCustomerList(item.userId,true)" style="color:#2a8cec;cursor: pointer;">
                                {{item.num}}
                            </td>
                            <td class="lineOne">
                                <span>{{item.regionName}}</span>
                            </td>
                        </tr>
                    </template>
                    <template v-else>
                        <tr>
                            <td colspan="6">暂无数据~</td>
                        </tr>
                    </template>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <!--客户-公司级别模块-->
    <div class="templateStyle" v-if="isHasModule('customersCompany')">
        <div class="nav-tabs-custom oaReportNav">
            <!-- Tabs within a box -->
            <div class="moduleName">客户报表</div>
            <ul class="nav nav-tabs pull-right" style="margin-bottom: 10px;" v-cloak>
                <li class="active" @click="refreshData('customer','get_customersCompany',today)"><a href="#sales-chart" data-toggle="tab"><span v-if="hour<12&&customer.time==today">昨日</span><span v-else>今日</span></a>
                </li>
                <li @click="refreshData('customer','get_customersCompany',thisMonth)"><a href="#sales-chart"
                                                                                         data-toggle="tab">本月</a></li>
                <li v-for="(item,i) in tab" @click="refreshData('customer','get_customersCompany',item.time)"><a
                        href="#sales-chart" data-toggle="tab">{{i==0?"上月":item.str}}</a>
            </ul>
            <button type="button" class="btn oaBtn btn-sm pull-right"
                    style="margin-left: 10px;height: 27px;position: absolute;right: 10px;top: 10px;"
                    @click="openCustomerList()">客户列表
            </button>
        </div>
        <div style="padding: 0 10px;background: #fff;overflow: hidden" id="customersCompany">
            <div style="width:80%;" class="mScrollBox">
                <table class="table table-bordered text-center table-width">
                    <thead>
                    <tr>
                        <th style="width:5%">序号</th>
                        <th style="width: 10%">部门/大区</th>
                        <th style="width: 10%">岗位</th>
                        <th style="width: 8%">姓名</th>
                        <th style="width: 8%">新增数量</th>
                        <th  style="width: 59%">区域</th>
                    </tr>
                    </thead>
                    <tbody>
                    <template v-if="customer.list.length>0">
                        <tr v-for="(item,i) in customer.list">
                            <td>{{i+1}}</td>
                            <td :rowspan="item.departNamespan" :class="{hidden: item.departNamedis}">
                                {{item.departName}}
                            </td>
                            <td :rowspan="item.roleNamespan" :class="{hidden: item.roleNamedis}">{{item.roleName}}</td>
                            <td>
                                {{item.userName}}
                            </td>
                            <td @click="openCustomerList(item.userId,true)" style="color:#2a8cec;cursor: pointer;">
                                {{item.num}}
                            </td>
                            <td class="lineOne">
                                <span>{{item.regionName}}</span>
                            </td>
                        </tr>
                    </template>
                    <template v-else>
                        <tr>
                            <td colspan="6">暂无数据~</td>
                        </tr>
                    </template>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <!--客户-集团级别模块-->
    <div class="templateStyle" v-if="isHasModule('customersGroup')">
        <div class="nav-tabs-custom oaReportNav">
            <!-- Tabs within a box -->
            <div class="moduleName">客户报表</div>
            <ul class="nav nav-tabs pull-right" style="margin-bottom: 10px;" v-cloak>
                <li class="active" @click="refreshData('customer','get_customersGroup',today)"><a href="#sales-chart" data-toggle="tab"><span v-if="hour<12&&customer.time==today">昨日</span><span v-else>今日</span></a>
                </li>
                <li @click="refreshData('customer','get_customersGroup',thisMonth)"><a href="#sales-chart" data-toggle="tab">本月</a></li>
                <li v-for="(item,i) in tab" @click="refreshData('customer','get_customersGroup',item.time)"><a href="#sales-chart" data-toggle="tab">{{i==0?"上月":item.str}}</a>
            </ul>
            <button type="button" class="btn oaBtn btn-sm pull-right"
                    style="margin-left: 10px;height: 27px;position: absolute;right: 10px;top: 10px;" @click="openCustomerList()">客户列表
            </button>
        </div>
        <div style="padding: 0 10px;background: #fff;overflow: hidden" id="customersGroup">
            <div class="mScrollBox" style="width:80%;">
                <table class="table table-bordered text-center table-width">
                    <thead>
                    <tr>
                        <th style="width:5%;">序号</th>
                        <th style="width: 76%">公司名称</th>
                        <th style="width:19%">数量</th>
                    </tr>
                    </thead>
                    <tbody>
                    <template v-if="customer.list.length>0">
                        <tr v-for="(item,i) in customer.list">
                            <td>{{i+1}}</td>
                            <td>{{item.companyName}}</td>
                            <td @click="openCustomersDepart(item.companyId,true)"
                                style="color:#2a8cec;cursor: pointer;">{{item.num}}
                            </td>
                        </tr>
                    </template>
                    <template v-else>
                        <tr>
                            <td colspan="3">为什么？</td>
                        </tr>
                    </template>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <!--费用-个人模块-->
    <div class="templateStyle" v-if="isHasModule('costPersonal')">
        <div class="nav-tabs-custom oaReportNav">
            <!-- Tabs within a box -->
            <div class="moduleName">费用报销</div>
            <ul class="nav nav-tabs pull-right" style="margin-bottom: 10px;" v-cloak>
                <li class="active" @click="refreshData('cost','get_costPersonal',today)"><a href="#sales-chart" data-toggle="tab"><span v-if="hour<12&&cost.time==today">昨日</span><span v-else>今日</span></a>
                </li>
                <li @click="refreshData('cost','get_costPersonal',thisMonth)"><a href="#sales-chart" data-toggle="tab">本月</a>
                </li>
                <li v-for="(item,i) in tab" @click="refreshData('cost','get_costPersonal',item.time)"><a
                        href="#sales-chart" data-toggle="tab">{{i==0?"上月":item.str}}</a>
            </ul>
        </div>
        <div style="padding: 0 10px;background: #fff;overflow: hidden" id="costPersonal">
            <div class="mScrollBox" style="width:80%;">
                <table class="table table-bordered text-center table-width">
                    <thead>
                    <tr>
                        <th style="width: 5%">序号</th>
                        <th style="width: 10%">时间</th>
                        <th style="width: 10%">费用名称</th>
                        <th style="width: 10%">金额(元)</th>
                        <th style="width: 10%">是否有发票</th>
                        <th style="width: 8%">报销状态</th>
                        <th style="width: 47%">说明</th>
                    </tr>
                    </thead>
                    <tbody>
                    <template v-if="cost.list.length>0">
                        <tr v-for="(item,i) in cost.list">
                            <td>{{i+1}}</td>
                            <td>{{item.reportDate}}</td>
                            <td>
                                {{item.costSmallName}}
                            </td>
                            <td>
                                {{item.money}}
                            </td>
                            <td>
                                {{item.invoiceFlag=="1"?"有":"无"}}
                            </td>
                            <td>
                                {{item.start=="1"?"已报销":item.start=="0"?"未报销":"已作废"}}
                            </td>
                            <td class="lineOne">
                                <span>{{item.remark}}</span>
                            </td>
                        </tr>
                    </template>

                    <template v-else>
                        <tr>
                            <td colspan="7">暂无数据~</td>
                        </tr>
                    </template>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <!--费用-部门级别模块-->
    <div class="templateStyle" v-if="isHasModule('costDepart')">
        <div class="nav-tabs-custom oaReportNav">
            <!-- Tabs within a box -->
            <div class="moduleName">费用报销</div>
            <ul class="nav nav-tabs pull-right" style="margin-bottom: 10px;" v-cloak>
                <li class="active" @click="refreshData('cost','get_costDepart',today)"><a href="#sales-chart" data-toggle="tab"><span v-if="hour<12&&cost.time==today">昨日</span><span v-else>今日</span></a></li>
                <li @click="refreshData('cost','get_costDepart',thisMonth)"><a href="#sales-chart"
                                                                               data-toggle="tab">本月</a></li>
                <li v-for="(item,i) in tab" @click="refreshData('cost','get_costDepart',item.time)"><a
                        href="#sales-chart" data-toggle="tab">{{i==0?"上月":item.str}}</a>
            </ul>
        </div>
        <div style="padding: 0 10px;background: #fff;overflow: hidden" id="costDepart">
            <div class="mScrollBox" style="width:80%;">
                <table class="table table-bordered text-center table-width">
                    <thead>
                    <tr>
                        <th style="width: 5%">序号</th>
                        <th style="width: 10%">部门/大区</th>
                        <th style="width: 10%">岗位</th>
                        <th style="width: 8%">姓名</th>
                        <th style="width: 8%">金额</th>
                        <th style="width: 8%">已报销</th>
                        <th style="width: 8%;">未报销</th>
                        <th style="width: 49%;">区域</th>
                    </tr>
                    </thead>
                    <tbody>
                    <template v-if="cost.list.length>0">
                        <tr v-for="(item,i) in cost.list">
                            <td>{{i+1}}</td>
                            <td :rowspan="item.departNamespan" :class="{hidden: item.departNamedis}">
                                {{item.departName}}
                            </td>
                            <td :rowspan="item.roleNamespan" :class="{hidden: item.roleNamedis}">
                                {{item.roleName}}
                            </td>
                            <td>{{item.userName}}</td>
                            <template v-if="item.money=='0'">
                                <td>
                                    {{item.money}}
                                </td>
                            </template>
                            <template v-else>
                                <td @click="openCostPersonal(item,cost.time)" style="color:#2a8cec;cursor: pointer;">
                                    {{item.money}}
                                </td>
                            </template>
                            <template v-if="item.bxMoney=='0'">
                                <td>
                                    {{item.bxMoney}}
                                </td>
                            </template>
                            <template v-else>
                                <td @click="openCostPersonal(item,cost.time,1)" style="color:#2a8cec;cursor: pointer;">
                                    {{item.bxMoney}}
                                </td>
                            </template>
                            <template v-if="item.unBxMoney=='0'">
                                <td>
                                    {{item.unBxMoney}}
                                </td>
                            </template>
                            <template v-else>
                                <td @click="openCostPersonal(item,cost.time,0)" style="color:#2a8cec;cursor: pointer;">
                                    {{item.unBxMoney}}
                                </td>
                            </template>
                            <td class="lineOne">
                                <span>{{item.regionName}}</span>
                            </td>
                        </tr>
                    </template>

                    <template v-else>
                        <tr>
                            <td colspan="7">暂无数据~</td>
                        </tr>
                    </template>
                    </tbody>
                </table>
            </div>
            <div style="width: 20%;float:right;">
                <div class="infoReport" style="margin-top: 50px;">
                    <div>金&nbsp;&nbsp;&nbsp;额(总)：{{cost.all.money?fmoney(cost.all.money):"0"}}</div>
                    <div>已报销(总)：{{cost.all.bxMoney?fmoney(cost.all.bxMoney):"0"}}</div>
                    <div>未报销(总)：{{cost.all.unBxMoney?fmoney(cost.all.unBxMoney):"0"}}</div>
                </div>
            </div>
        </div>
    </div>
    <!--费用-公司级别模块-->
    <div class="templateStyle" v-if="isHasModule('costCompany')">
        <div class="nav-tabs-custom oaReportNav">
            <!-- Tabs within a box -->
            <div class="moduleName">费用报销</div>
            <ul class="nav nav-tabs pull-right" style="margin-bottom: 10px;" v-cloak>
                <li class="active" @click="refreshData('cost','get_costCompany',today)"><a href="#sales-chart" data-toggle="tab"><span v-if="hour<12&&cost.time==today">昨日</span><span v-else>今日</span></a></li>
                <li @click="refreshData('cost','get_costCompany',thisMonth)"><a href="#sales-chart"
                                                                                data-toggle="tab">本月</a></li>
                <li v-for="(item,i) in tab" @click="refreshData('cost','get_costCompany',item.time)"><a
                        href="#sales-chart" data-toggle="tab">{{i==0?"上月":item.str}}</a>
            </ul>
        </div>
        <div style="padding: 0 10px;background: #fff;overflow: hidden" id="costCompany">
            <div class="mScrollBox" style="width: 80%;">
                <table class="table table-bordered text-center table-width">
                    <thead>
                    <tr>
                        <th style="width: 5%">序号</th>
                        <th style="width: 26%">部门</th>
                        <th style="width: 23%;">金额</th>
                        <th style="width: 23%;">已报销</th>
                        <th style="width: 23%;">未报销</th>
                    </tr>
                    </thead>
                    <tbody>
                    <template v-if="cost.list.length>0">
                        <tr v-for="(item,i) in cost.list">
                            <td>{{i+1}}</td>
                            <td :rowspan="item.departBigNamespan" :class="{hidden: item.departBigNamedis}">
                                {{item.departName}}
                            </td>
                            <template v-if="item.money=='0'">
                                <td>
                                    {{item.money}}
                                </td>
                            </template>
                            <template v-else>
                                <td @click="openCostDepart(item,cost.time)" style="color:#2a8cec;cursor: pointer;">
                                    {{item.money}}
                                </td>
                            </template>
                            <td>
                                {{item.bxMoney}}
                            </td>

                            <td>
                                {{item.unBxMoney}}
                            </td>
                        </tr>
                    </template>

                    <template v-else>
                        <tr>
                            <td colspan="5">暂无数据~</td>
                        </tr>
                    </template>
                    </tbody>
                </table>
            </div>
            <div style="width: 20%;float:right;">
                <div class="infoReport" style="margin-top: 50px;">
                    <div>金&nbsp;&nbsp;&nbsp;额(总)：{{cost.all.money?fmoney(cost.all.money):"0"}}</div>
                    <div>已报销(总)：{{cost.all.bxMoney?fmoney(cost.all.bxMoney):"0"}}</div>
                    <div>未报销(总)：{{cost.all.unBxMoney?fmoney(cost.all.unBxMoney):"0"}}</div>
                </div>
            </div>
        </div>
    </div>
    <!--费用-集团级别模块-->
    <div class="templateStyle" v-if="isHasModule('costGroup')">
        <div class="nav-tabs-custom oaReportNav">
            <!-- Tabs within a box -->
            <div class="moduleName">费用报销</div>
            <ul class="nav nav-tabs pull-right" style="margin-bottom: 10px;" v-cloak>
                <li class="active" @click="refreshData('cost','get_costGroup',today)"><a href="#sales-chart" data-toggle="tab"><span v-if="hour<12&&cost.time==today">昨日</span><span v-else>今日</span></a></li>
                <li @click="refreshData('cost','get_costGroup',thisMonth)"><a href="#sales-chart"
                                                                              data-toggle="tab">本月</a></li>
                <li v-for="(item,i) in tab" @click="refreshData('cost','get_costGroup',item.time)"><a
                        href="#sales-chart" data-toggle="tab">{{i==0?"上月":item.str}}</a>
            </ul>
        </div>
        <div style="padding: 0 10px;background: #fff;overflow: hidden" id="costGroup">
            <div class="mScrollBox" style="width:80%;">
                <table class="table table-bordered text-center table-width">
                    <thead>
                    <tr>
                        <th style="width: 5%">序号</th>
                        <th style="width: 35%">公司名称</th>
                        <th style="width: 20%">金额</th>
                        <th style="width: 20%">已报销</th>
                        <th style="width: 20%">未报销</th>
                    </tr>
                    </thead>
                    <tbody>
                    <template v-if="cost.list.length>0">
                        <tr v-for="(item,i) in cost.list">
                            <td>{{i+1}}</td>
                            <td :rowspan="item.companyNamespan" :class="{hidden: item.companyNamedis}">
                                {{item.companyName}}
                            </td>
                            <template v-if="item.money=='0'">
                                <td>
                                    {{item.money}}
                                </td>
                            </template>
                            <template v-else>
                                <td @click="openCostCompany(item,cost.time)" style="color:#2a8cec;cursor: pointer;">
                                    {{item.money}}
                                </td>
                            </template>
                            <td>
                                {{item.bxMoney}}
                            </td>

                            <td>
                                {{item.unBxMoney}}
                            </td>
                        </tr>
                    </template>

                    <template v-else>
                        <tr>
                            <td colspan="5">暂无数据~</td>
                        </tr>
                    </template>
                    </tbody>
                </table>
            </div>
            <div style="width: 20%;float:right;">
                <div class="infoReport" style="margin-top: 50px;">
                    <div>金&nbsp;&nbsp;&nbsp;额(总)：{{cost.all.money?fmoney(cost.all.money):"0"}}</div>
                    <div>已报销(总)：{{cost.all.bxMoney?fmoney(cost.all.bxMoney):"0"}}</div>
                    <div>未报销(总)：{{cost.all.unBxMoney?fmoney(cost.all.unBxMoney):"0"}}</div>
                </div>
            </div>
        </div>
    </div>

    <!--人事-部门经理模块-->
    <div class="templateStyle" v-if="isHasModule('personnelDepart')">
        <div class="nav-tabs-custom oaReportNav">
            <!-- Tabs within a box -->
            <div class="moduleName">人员情况</div>
            <ul class="nav nav-tabs pull-right" style="margin-bottom: 10px;" v-cloak>
            </ul>
        </div>
        <div style="padding: 0 10px;background: #fff;overflow: hidden" id="personnelDepart">
            <div class="mScrollBox" style="width:80%;">
                <table class="table table-bordered text-center table-width">
                    <thead>
                    <tr>
                        <th style="width: 5%;">序号</th>
                        <th style="width: 10%;">部门/大区</th>
                        <th style="width:10%">岗位</th>
                        <th style="width:8%">姓名</th>
                        <th style="width:8%">在职状态</th>
                        <th style="width: 59%">区域</th>
                    </tr>
                    </thead>
                    <tbody>
                    <template v-if="personnel.list.length>0">
                        <tr v-for="(item,i) in personnel.list">
                            <td>{{i+1}}</td>
                            <td :rowspan="item.departNamespan" :class="{hidden: item.departNamedis}">
                                {{item.departName}}
                            </td>
                            <td :rowspan="item.roleNamespan" :class="{hidden: item.roleNamedis}">
                                {{item.roleName}}
                            </td>
                            <td v-if="item.userName" style="color:#169BD5;cursor: pointer" @click="lookPersonnelDepartList(item)">{{item.userName}}</td>
                            <td v-else style="color:red;">空缺</td>

                            <td v-if="item.jobState ==0">转正</td>
                            <td v-else-if="item.jobState == -1">试用</td>
                            <td v-else-if="item.jobState == -2">试岗</td>
                            <td v-else>离职</td>
                            <td class="lineOne">
                                <span>{{item.regionName}}</span>
                            </td>
                        </tr>
                    </template>

                    <template v-else>
                        <tr>
                            <td colspan="7">暂无数据~</td>
                        </tr>
                    </template>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <!--人事-公司级别模块-->
    <div class="templateStyle" v-if="isHasModule('personnelCompany')">
        <div class="nav-tabs-custom oaReportNav">
            <!-- Tabs within a box -->
            <div class="moduleName">人员情况</div>
            <ul class="nav nav-tabs pull-right" style="margin-bottom: 10px;" v-cloak>
            </ul>
        </div>
        <div style="padding: 0 10px;background: #fff;overflow: hidden" id="personnelCompany">
            <div class="mScrollBox" style="width:80%;">
                <table class="table table-bordered text-center table-width">
                    <thead>
                    <tr>
                        <th style="width: 5%">序号</th>
                        <th style="width: 10%">部门/大区</th>
                        <th style="width: 10%">岗位</th>
                        <th style="width:8%">姓名</th>
                        <th style="width:8%">在职状态</th>
                        <th style="width:10%">入职时间</th>
                        <th style="width: 49%">区域</th>
                    </tr>
                    </thead>
                    <tbody>
                    <template v-if="personnel.list.length>0">
                        <tr v-for="(item,i) in personnel.list">
                            <td>{{i+1}}</td>
                            <td :rowspan="item.departNamespan" :class="{hidden: item.departNamedis}">
                                {{item.departName}}
                            </td>
                            <td :rowspan="item.roleNamespan" :class="{hidden: item.roleNamedis}">
                                {{item.roleName}}
                            </td>

                            <td v-if="item.userName" style="color:#169BD5;cursor: pointer" @click="lookPersonnelDepartList(item)">{{item.userName}}</td>
                            <td v-else style="color:red;">空缺</td>
                            <td v-if="item.jobState===0">转正</td>
                            <td v-else-if="item.jobState == -1">试用</td>
                            <td v-else-if="item.jobState == -2">试岗</td>
                            <td v-else-if="item.jobState == ''">-</td>
                            <td v-else>离职</td>
                            <td>{{item.entryDate}}</td>
                            <td class="lineOne">
                                <span>{{item.regionName}}</span>
                            </td>
                        </tr>
                    </template>

                    <template v-else>
                        <tr>
                            <td colspan="7">暂无数据~</td>
                        </tr>
                    </template>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <!--人事-集团级别模块-->
    <div class="templateStyle" v-if="isHasModule('personnelGroup')">
        <div class="nav-tabs-custom oaReportNav">
            <!-- Tabs within a box -->
            <div class="moduleName">人员情况</div>
            <ul class="nav nav-tabs pull-right" style="margin-bottom: 10px;" v-cloak>
            </ul>
        </div>
        <div style="padding: 0 10px;background: #fff;overflow: hidden" id="personnelGroup">
            <div class="mScrollBox" style="width:80%;">
                <table class="table table-bordered text-center table-width">
                    <thead>
                    <tr>
                        <td  rowspan="2" style="width: 5%">序号</td>
                        <td  rowspan="2"  style="width: 15%">公司名称</td>
                        <td  colspan="3"  style="width: 20%">区域经理</td>
                        <td  colspan="3"  style="width: 20%;">大区经理</td>
                        <td colspan="3"  style="width: 20%">大客户经理</td>
                        <td colspan="3"  style="width: 20%">大客户总监</td>
                    </tr>
                    <tr>
                        <td>标配</td>
                        <td>现有</td>
                        <td>空缺</td>
                        <td>标配</td>
                        <td>现有</td>
                        <td>空缺</td>
                        <td>标配</td>
                        <td>现有</td>
                        <td>空缺</td>
                        <td>标配</td>
                        <td>现有</td>
                        <td>空缺</td>
                    </tr>
                    </thead>
                    <tbody>
                    <tr v-for="(item,i) in personnel.list">
                        <td>{{i+1}}</td>
                        <td style="color:#169BD5;cursor: pointer" @click="openPersonalGroup(item)">
                            {{item.companyName}}
                        </td>
                        <td>{{item.regionManagerTargetNum}}</td>
                        <td>{{item.regionManagerNowNum}}</td>
                        <td>{{item.regionManagerVacancyNum}}</td>
                        <td>{{item.bigRegionManagerTargetNum}}</td>
                        <td>{{item.bigRegionManagerNowNum}}</td>
                        <td>{{item.bigRegionManagerVacancyNum}}</td>
                        <td>
                            {{item.bigCustomerManageTargetNum}}
                        </td>
                        <td>
                            {{item.bigCustomerManageNowNum}}
                        </td>
                        <td>
                            {{item.bigCustomerManageVacancyNum}}
                        </td>
                        <td>
                            {{item.bigCustomerDirectorTargetNum}}
                        </td>
                        <td>
                            {{item.bigCustomerDirectorNowNum}}
                        </td>
                        <td>
                            {{item.bigCustomerDirectorVacancyNum}}
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div style="width: 20%;float:right;">
                <div class="infoReport" style="margin-top: 30px;width:210px;">
                    <div style="padding-left: 2px;">
                        岗&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;位：标配/现有/空缺
                    </div>
                    <div>区域经理&nbsp;&nbsp;&nbsp;(总)：{{personnel.all.regionManagerTargetNum}}/{{personnel.all.regionManagerNowNum}}/{{personnel.all.regionManagerVacancyNum}}</div>
                    <div>大区经理&nbsp;&nbsp;&nbsp;(总)：{{personnel.all.bigRegionManagerTargetNum}}/{{personnel.all.bigRegionManagerNowNum}}/{{personnel.all.bigRegionManagerVacancyNum}}</div>
                    <div>大客户经理(总)：{{personnel.all.bigCustomerManageTargetNum}}/{{personnel.all.bigCustomerManageNowNum}}/{{personnel.all.bigCustomerManageVacancyNum}}</div>
                    <div>大客户总监(总)：{{personnel.all.bigCustomerDirectorTargetNum}}/{{personnel.all.bigCustomerDirectorNowNum}}/{{personnel.all.bigCustomerDirectorVacancyNum}}</div>
                </div>
            </div>
        </div>
    </div>
</section>
</body>
<!--JQ-->
<script src="https://file.ggxqce.com/web/jquery-2.2.3.min.js"></script>
<!--插件JS-->
<script src="https://file.ggxqce.com/web/bootstrap.min.js"></script>
<script src="/dist/plugins/scroll/myScroll.js"></script>
<!--框架已定义 JS-->
<script src="/dist/js/app_iframe.js?t=602456c3"></script>
<!--oa自定义  JS-->
<script src="/dist/js/oa.js?t=6348cbbc"></script>

<script type="text/javascript" src="/dist/plugins/lhgdialog/lhgdialog.min.js?self=true"></script>
<script>
    $(function () {
        $("body").on("click", ".lineOne", function (e) {
            if ($(".div-td-content-more").is(":hidden")) {
                var text = $(this).text();
                if (text != "") {
                    text = "<i></i>" + text;
                    $(".div-td-content-more").html(text).css({
                        "width": $(this).outerWidth() + "px",
                        "left": $(this).offset().left,
                        "top": ($(this).offset().top + $(this).outerHeight()) + "px"
                    }).show();
                    e.stopPropagation();
                }
            } else {
                $(".div-td-content-more").hide();
            }
        });
        $("body").on("click", ".div-td-content-more", function (e) {
            e.stopPropagation();
        });
        $("body").on("click", function () {
            $(".div-td-content-more").hide();
        });
    });
</script>
<script>
    $.extend($.wyui, {
        postMethod: function (url, data, callback, sync, id) {
            if (!id) {
                id = "#app"
            }
            $.ajax({
                url: server.ip + url,
                async: sync ? false : true,
                data: JSON.stringify(data),
                beforeSend: function () {
                    App.blockUI({
                        target: id,
                        boxed: true,
                        message: '加载中......'//,
                        // animate: true
                    });
                },
                complete: function () {
                    setTimeout(function () {
                        App.unblockUI(id);
                    }, 1000);

                },
                success: function (r) {
                    if (!r.e.code) {
                        callback(r.data.sendData);
                    } else {
                        alert(r.e.desc);
                    }
                },
                error: function (e) {
                    alert(url + e.responseText);
                }
            });
        },
    });
</script>
<script type="text/javascript">
    var app = new Vue({
        el: '#app',
        data: {
            userId: getCurrentUser().id,
            companyId: getCurrentUser().companyId,
            frontFlag: getCurrentUser().frontFlag,
            modules: [],//该人员拥有的模块列表,
            today: new Date().Format("yyyy-MM-dd"),//今天
            hour: new Date().getHours(),
            thisMonth: new Date().Format("yyyy-MM"),
            thisWeek: new Date().Format("yyyy-MM-dd") + "-w",
            tab: [],
            sign: {
                time: new Date().Format("yyyy-MM-dd"),
                list: [],
                info: {}
            },
            wechat: {
                time: new Date().Format("yyyy-MM-dd"),
                list: [],
                reportShare: {Forward: 0, FinishForward: 0, NoForward: 0}
            },
            visitCustomer: {
                time: new Date().Format("yyyy-MM-dd"),
                faceList: [],
                telList: [],
                bigcalculation: [{
                    "targetDayCount": 0,
                    "finishDayCount": 0,
                    "regionNumber": 0,
                    "daily": 0,
                    "completionRate": 0
                }, {
                    "targetDayCount": 0,
                    "finishDayCount": 0,
                    "regionNumber": 0,
                    "daily": 0,
                    "completionRate": 0,
                    'leaveNumber': 0
                }]
            },
            visitClientCustomer: {
                time: new Date().Format("yyyy-MM-dd"),
                list: [],
                allCount: {"managerCount": "", "visitCount": "", "managerTargetNum": "", "regionManagerNum": ""}
            },
            customer: {
                time: new Date().Format("yyyy-MM-dd"),
                list: []
            }, cost: {
                time: new Date().Format("yyyy-MM-dd"),
                list: [],
                all: {"money": "", "bxMoney": "", "unBxMoney": ""}
            },
            intentionalCustomer: {
                time: new Date().Format("yyyy-MM-dd"),
                list: []
            },
            personnel: {
                time: new Date().Format("yyyy-MM-dd"),
                list: [],
                all: {}
            }

        },
        methods: {
            isGo:function (item) {
                return true;
                if(getCurrentUser().companyName=="滚滚向前"||getCurrentUser().roleName=='销售管理经理'||getCurrentUser().id==item.managerId||getCurrentUser().roleName=='总经理'||getCurrentUser().roleName=='销售总监')  {
                    return true;
                }else{
                    return false;
                }
            },
            //打开陪跑公司页面
            openVisitClientCustomerCompany:function (item) {
                var that = this;
                console.log(that.visitClientCustomer.time);
                top.closeTabByPageId("bbvt-company");
                url = "reportForm/interview/visitClientCompany.html?companyId="+item.companyId+"&dateTime="+that.visitClientCustomer.time;
                top.addTabs({id:"bbvt-company",title:"陪同拜访报表",close: true,url:url});
            },
            //  查看下属
            lookRegionList:function (item) {
                var that = this;
                url = "/page/reportForm/interview/accompanyInterviewList.html?userId="+item.userId+"&dateTime="+that.visitClientCustomer.time+"&entourage="+item.entourageName;
//                window.open(url + '?userId=' + item.managerId+"&dateTime="+this.dateTime+"&name="+item.managerName, "", "top=50,left=" + (window.screen.width - 10 - 1000) / 2 + ",width=1000,height=600");
                $.dialog({
                    content: 'url:'+url,
                    title: '陪跑列表',
                    width: 600,
                    height: 500,
                    max: false,
                    min: false,
                    lock: true
                });
            },
            fmoney: function (s, n) {
                n = n > 0 && n <= 20 ? n : 2;
                s = parseFloat((s + "").replace(/[^\d\.-]/g, "")).toFixed(n) + "";
                var l = s.split(".")[0].split("").reverse(), r = s.split(".")[1],
                    t = "";
                for (i = 0; i < l.length; i++) {
                    t += l[i] + ((i + 1) % 3 == 0 && (i + 1) != l.length ? "," : "");
                }
                return t.split("").reverse().join("") + "." + r;
            },
            isHasModule: function (moduleEName) {
                return $.inArray(moduleEName, this.modules) > -1;
            },
            getLastEndMonth: function (beginYearMonth) {
                var strYear = parseInt(beginYearMonth.substr(0, 4), 10);
                var strMonth = parseInt(beginYearMonth.substr(4, 6), 10);
                if (strMonth - 1 == 0) {
                    strYear -= 1;
                    strMonth = 12;
                } else {
                    strMonth -= 1;
                }
                if (strMonth < 10) {
                    strMonth = "0" + strMonth;
                }
                var monthstr = strYear + "" + strMonth;
                return monthstr;
            },
            //获取modules
            getModules: function () {
                var that = this;
                $.wyui.postMethod(urlConfig.report.config.module.getModuleENamesByUserId, {userId: getCurrentUser().id}, function (data) {
                    var eNames = [];
                    for (var i = 0; i < data.length; i++) {
                        eNames.push(data[i].eName);
                    }
                    that.modules = eNames;
                    console.log(that.modules)
                }, true);
            },
            //获取tab
            getTab: function () {
                var that = this;
                var dateTime = new Date().Format("yyyyMM");

                for (var i = 0; i < 5; i++) {
                    dateTime = that.getLastEndMonth(dateTime);
                    that.tab.push(that.insert_flg(dateTime, "-", "4"))
                }
                console.log(that.tab)
            },
            //获取合计
            getCount: function (arr, key) {
                var number = 0;
                for (var i = arr.length - 1; i >= 0; i--) {
                    number += (arr[i][key] ? arr[i][key] : 0)

                }
                return number;
            },
            //tab中点击日期刷新对应数据
            refreshData: function (dataType, fun, time) {
                var that = this;
                that[dataType].time = time;
                that[fun]();
            },
            //打开客户列表
            openCustomerList: function (userId, type) {
                var that = this;
                var time = '';
                var isAll = true;
                if (type) {
                    time = that.customer.time;
                    isAll = false;
                }
                if (!userId) {
                    userId = this.userId
                }
                var that = this;
                top.closeTabByPageId("khList2");
                top.addTabs({
                    id: 'khList2',
                    title: '客户列表',
                    close: true,
                    url: 'customer/customerList.html?userId=' + userId + '&time=' + time + '&isAll=' + isAll
                });
            },
            //打开部门客户列表
            openCustomersDepart: function (companyId, type) {
                var that = this;
                var time = '';
                var isAll = true;
                if (type) {
                    time = that.customer.time;
                    isAll = false;
                }
                if (!companyId) {
                    companyId = this.companyId
                }
                var that = this;
                top.closeTabByPageId("khList2");
                top.addTabs({
                    id: 'khList2',
                    title: '客户报表',
                    close: true,
                    url: 'customer/customerDepart.html?companyId=' + companyId + '&dateTime=' + time + '&isAll=' + isAll
                });
            },
            //打开意向客户列表
            openIntentionalCustomerList: function (userId, type) {
                var that = this;
                var isAll = true;
                if (type) {
                    isAll = false;
                }
                if (!userId) {
                    userId = this.userId
                }
                top.closeTabByPageId("openIntentionalCustomerList");
                top.addTabs({
                    id: 'openIntentionalCustomerList',
                    title: '意向客户列表',
                    close: true,
                    url: 'customer/intentionalCustomerList.html?userId=' + userId+ '&isAll=' + isAll
                });
            },
            //打开公司意向客户列表
            openIntentionalCustomersDepart: function (companyId, type) {
                var that = this;
                if (!companyId) {
                    companyId = this.companyId
                }
                var that = this;
                top.closeTabByPageId("openIntentionalCustomersDepart");
                top.addTabs({
                    id: 'openIntentionalCustomersDepart',
                    title: '意向客户报表',
                    close: true,
                    url: 'customer/intentionalCustomerDepart.html?companyId=' + companyId
                });
            },
            //查看签到、签退相片
            openImg: function (url) {
                top.$.dialog({
                    title: '图片详情',
                    content: 'url:/page/showImg.html?url=' + url,
                    height: 500,
                    max: true,
                    min: false,
                    lock: true
                }).max();
            },
            //格式化日期
            insert_flg: function (str, flg, sn, type) {
                var newstr = "";
                for (var i = 0; i < str.length; i += sn) {
                    var tmp = str.substring(i, i + sn);
                    newstr += tmp + flg;
                }
                newstr = newstr.substr(0, newstr.length - 1);
                var st1 = newstr.substr(2, 2);
                var st2 = newstr.substr(5, 2);
                var newstr3 = st2 + "/" + st1;
                var obj = {str: newstr3, time: newstr};
                return obj;
            },
            //合并单元格
            tablesMergeCell: function (list) {
                for (field in list[0]) {
                    var k = 0;
                    while (k < list.length) {
                        list[k][field + 'span'] = 1;
                        list[k][field + 'dis'] = false;
                        for (var i = k + 1; i <= list.length - 1; i++) {
                            if (list[k][field] == list[i][field] && list[k][field] != '') {
                                list[k][field + 'span']++;
                                list[k][field + 'dis'] = false;
                                list[i][field + 'span'] = 1;
                                list[i][field + 'dis'] = true;
                            } else {
                                break;
                            }
                        }
                        k = i;
                    }
                }
                return list;
            },
            //获取签到报表-区域经理
            get_signInPersonal: function () {
                var that = this;
                $.wyui.postMethod(urlConfig.report.attendance.getSignInByUserId, {
                    "userId": that.userId,
                    "dateTime": that.sign.time,
                    "frontFlag": that.frontFlag
                }, function (data) {
                    that.sign.info.todayCount = data.todayCount;
                    that.sign.info.shouldCount = data.shouldCount;
                    that.sign.info.signInCount = data.signInCount;
                    that.sign.info.leaveCount = data.leaveCount;
                    that.sign.info.absenceCount = data.absenceCount;
                    that.sign.info.entryDate = data.entryDate;
                }, true);

                $.wyui.postMethod(urlConfig.report.attendance.getForPersonalByUserIdAndDateTime, {
                    "userId": that.userId,
                    "dateTime": that.sign.time
                }, function (data) {
                    console.log(data);
                    that.sign.list = data;
                }, false, "#signInPersonal");
            },
            //获取签到报表-大区经理
            get_signInDepart: function () {
                var that = this;
                $.wyui.postMethod(urlConfig.report.attendance.getSignInByRegionUserId, {
                    "userId": that.userId,
                    "dateTime": that.sign.time,
                    "frontFlag": that.frontFlag
                }, function (data) {
                    that.sign.info.todayCount = data.todayCount;
                    that.sign.info.shouldCount = data.shouldCount;
                    that.sign.info.signInCount = data.signInCount;
                    that.sign.info.leaveCount = data.leaveCount;
                    that.sign.info.absenceCount = data.absenceCount;
                }, true, "#signInDepart");
                $.wyui.postMethod(urlConfig.report.attendance.getForDepartByUserIdAndDateTime, {
                    "userId": that.userId,
                    "dateTime": that.sign.time,
                    "frontFlag": that.frontFlag
                }, function (data) {
                    console.log(data);
                    that.sign.list = that.tablesMergeCell(data);
                }, true, "#signInDepart");
            },
            //获取签到报表-公司
            get_signInCompany: function () {
                var that = this;
//                $.wyui.postMethod(urlConfig.report.attendance.getSignInByUserId, {
//                    "userId": that.userId,
//                    "dateTime": that.sign.time,
//                    "frontFlag":that.frontFlag
//                }, function (data) {
//                    that.sign.info.todayCount=data.todayCount;
//                    that.sign.info.shouldCount = data.shouldCount;
//                    that.sign.info.signInCount = data.signInCount;
//                    that.sign.info.leaveCount = data.leaveCount;
//                    that.sign.info.absenceCount = data.absenceCount;
//                }, true,"#signInCompany");

                $.wyui.postMethod(urlConfig.report.attendance.getForCompanyByUserIdAndDateTime, {
                    "userId": that.userId,
                    "dateTime": that.sign.time
                }, function (data) {
                    console.log(data);
                    that.sign.list = that.tablesMergeCell(data);
                    that.sign.info.shouldCount = that.getCount(that.sign.list, "shouldCount");
                    that.sign.info.signInCount = that.getCount(that.sign.list, "signInCount");
                    that.sign.info.leaveCount = that.getCount(that.sign.list, "leaveCount");
                    that.sign.info.absenceCount = that.getCount(that.sign.list, "absenceCount");
                }, true, "#signInCompany");
            },
            //获取签到报表-集团
            get_signInGroup: function () {
                var that = this;
//                $.wyui.postMethod(urlConfig.report.attendance.getSignInByUserId, {
//                    "userId": that.userId,
//                    "dateTime": that.sign.time,
//                    "frontFlag":that.frontFlag
//                }, function (data) {
//                    that.sign.info.todayCount=data.todayCount;
//                    that.sign.info.shouldCount = data.shouldCount;
//                    that.sign.info.signInCount = data.signInCount;
//                    that.sign.info.leaveCount = data.leaveCount;
//                    that.sign.info.absenceCount = data.absenceCount;
//                }, true,"#signInGroup");
                $.wyui.postMethod(urlConfig.report.attendance.getForGroupByUserIdAndDateTime, {
                    "userId": that.userId,
                    "dateTime": that.sign.time
                }, function (data) {
                    console.log(data);
                    that.sign.list = that.tablesMergeCell(data);
                    that.sign.info.todayCount = that.getCount(that.sign.list, "shouldSignInCount");
                    that.sign.info.signInCount = that.getCount(that.sign.list, "signInFullCount");
                    that.sign.info.leaveCount = that.getCount(that.sign.list, "leaveFullCount");
                    that.sign.info.absenceCount = that.getCount(that.sign.list, "absenceFullCount");
                }, true, "#signInGroup");
            },
            //获取微信报表
            get_wechatPersonal: function () {
                var that = this;
                $.wyui.postMethod(urlConfig.report.wechatShareRegion.getForPersonalByUserIdAndDateTime, {
                    "userId": that.userId,
                    "dateTime": that.wechat.time
                }, function (data) {
                    that.wechat.list = data;
                }, false, "#wechatPersonal");
                $.wyui.postMethod(urlConfig.report.wechatShareRegion.getWechatTotal, {
                    "userId": that.userId,
                    "dateTime": that.wechat.time
                }, function (data) {
                    that.wechat.reportShare = data;
                });
            },
            get_wechatDepart: function () {
                var that = this;
                $.wyui.postMethod(urlConfig.report.wechatShareRegion.getForDepartByUserIdAndDateTime, {
                    "userId": that.userId,
                    "dateTime": that.wechat.time
                }, function (data) {
                    that.wechat.list = that.tablesMergeCell(data);
                }, false, "#wechatPersonal");
                $.wyui.postMethod(urlConfig.report.wechatShareRegion.getWechatTotalforDepartByuserId, {
                    "userId": that.userId,
                    "dateTime": that.wechat.time
                }, function (data) {
                    that.wechat.reportShare = data;
                });
            },
            get_wechatCompany: function () {
                var that = this;
                $.wyui.postMethod(urlConfig.report.wechatShareRegion.getForCompanyByUserIdAndDateTime, {
                    "userId": that.userId,
                    "dateTime": that.wechat.time
                }, function (data) {
                    that.wechat.list = that.tablesMergeCell(data);
                }, false, "#wechatCompany");
                $.wyui.postMethod(urlConfig.report.wechatShareRegion.getWechatTotalforCompany, {
                    "userId": that.userId,
                    "dateTime": that.wechat.time
                }, function (data) {
                    that.wechat.reportShare = data;
                });
            },
            get_wechatGroup: function () {
                var that = this;
                $.wyui.postMethod(urlConfig.report.wechatShareRegion.getForGroupByUserIdAndDateTime, {
                    "userId": that.userId,
                    "dateTime": that.wechat.time
                }, function (data) {
                    that.wechat.list = that.tablesMergeCell(data);
                }, false, "#wechatGroup");
                $.wyui.postMethod(urlConfig.report.wechatShareRegion.getWechatTotalforGroup, {
                    "userId": that.userId,
                    "dateTime": that.wechat.time
                }, function (data) {
                    that.wechat.reportShare = data;
                });
            },
            //获取拜访报表-区域经理
            get_visitPersonal: function () {
                var that = this;
                $.wyui.postMethod(urlConfig.report.visitCustomer.getForPersonal, {
                    "userId": that.userId,
                    "dateTime": that.visitCustomer.time,
                    "type": "1"
                }, function (data) {
                    that.visitCustomer.faceList = data;
                }, false, "#visitPersonal");
                $.wyui.postMethod(urlConfig.report.visitCustomer.getForPersonal, {
                    "userId": that.userId,
                    "dateTime": that.visitCustomer.time,
                    "type": "0"
                }, function (data) {
                    that.visitCustomer.telList = data;
                }, false, "#visitPersonal");
            },
            //获取拜访报表-大区经理
            get_visitDepart: function () {
                var that = this;
                $.wyui.postMethod(urlConfig.report.visitCustomer.getForDepart, {
                    "userId": that.userId,
                    "dateTime": that.visitCustomer.time,
                    "type": "1"
                }, function (data) {
                    that.visitCustomer.faceList = data;
                    //获取合计
                    that.visitCustomer.bigcalculation[1].targetDayCount = that.getCount(that.visitCustomer.faceList, "target");
                    that.visitCustomer.bigcalculation[1].finishDayCount = that.getCount(that.visitCustomer.faceList, "complete");
                    that.visitCustomer.bigcalculation[1].managerTargetNum = that.getCount(that.visitCustomer.faceList, "managerTargetNum");
                    that.visitCustomer.bigcalculation[1].regionManagerNum = that.getCount(that.visitCustomer.faceList, "regionManagerNum");
                    that.visitCustomer.bigcalculation[1].leaveNumber = that.getCount(that.visitCustomer.faceList, "leaveNumber");
                    that.visitCustomer.bigcalculation[1].daily = (that.visitCustomer.bigcalculation[1].finishDayCount / that.visitCustomer.bigcalculation[1].regionManagerNum).toFixed(2);
                    if (that.visitCustomer.bigcalculation[1].targetDayCount == 0) {
                        that.visitCustomer.bigcalculation[1].completionRate = "0.00%";
                    } else {
                        that.visitCustomer.bigcalculation[1].completionRate = (that.visitCustomer.bigcalculation[1].finishDayCount / that.visitCustomer.bigcalculation[1].targetDayCount * 100).toFixed(2) + "%";
                    }
                }, false, "#visitDepart");
                $.wyui.postMethod(urlConfig.report.visitCustomer.getForDepart, {
                    "userId": that.userId,
                    "dateTime": that.visitCustomer.time,
                    "type": "0"
                }, function (data) {
                    that.visitCustomer.telList = data;
                    //获取合计
                    that.visitCustomer.bigcalculation[0].targetDayCount = that.getCount(that.visitCustomer.telList, "target");
                    that.visitCustomer.bigcalculation[0].finishDayCount = that.getCount(that.visitCustomer.telList, "complete");
                    that.visitCustomer.bigcalculation[0].managerTargetNum = that.getCount(that.visitCustomer.telList, "managerTargetNum");
                    that.visitCustomer.bigcalculation[0].regionManagerNum = that.getCount(that.visitCustomer.telList, "regionManagerNum");
                    that.visitCustomer.bigcalculation[0].leaveNumber = that.getCount(that.visitCustomer.telList, "leaveNumber");
                    that.visitCustomer.bigcalculation[0].daily = (that.visitCustomer.bigcalculation[0].finishDayCount / that.visitCustomer.bigcalculation[0].regionManagerNum).toFixed(2);
                    if (that.visitCustomer.bigcalculation[0].targetDayCount == 0) {
                        that.visitCustomer.bigcalculation[0].completionRate = "0.,l00%";
                    } else {
                        that.visitCustomer.bigcalculation[0].completionRate = (that.visitCustomer.bigcalculation[0].finishDayCount / that.visitCustomer.bigcalculation[0].targetDayCount * 100).toFixed(2) + "%";
                    }
                }, false, "#visitDepart");

            },
            //获取拜访报表-公司级别
            get_visitCompany: function () {
                var that = this;
                $.wyui.postMethod(urlConfig.report.visitCustomer.getForDepart, {
                    "userId": that.userId,
                    "dateTime": that.visitCustomer.time,
                    "type": "1"
                }, function (data) {
                    that.visitCustomer.faceList = data;
                    //获取合计
                    that.visitCustomer.bigcalculation[1].targetDayCount = that.getCount(that.visitCustomer.faceList, "target");
                    that.visitCustomer.bigcalculation[1].finishDayCount = that.getCount(that.visitCustomer.faceList, "complete");
                    that.visitCustomer.bigcalculation[1].managerTargetNum = that.getCount(that.visitCustomer.faceList, "managerTargetNum");
                    that.visitCustomer.bigcalculation[1].regionManagerNum = that.getCount(that.visitCustomer.faceList, "regionManagerNum");
                    that.visitCustomer.bigcalculation[1].leaveNumber = that.getCount(that.visitCustomer.faceList, "leaveNumber");
                    that.visitCustomer.bigcalculation[1].daily = (that.visitCustomer.bigcalculation[1].finishDayCount / that.visitCustomer.bigcalculation[1].regionManagerNum).toFixed(2);
                    if (that.visitCustomer.bigcalculation[1].targetDayCount == 0) {
                        that.visitCustomer.bigcalculation[1].completionRate = "0.00%";
                    } else {
                        that.visitCustomer.bigcalculation[1].completionRate = (that.visitCustomer.bigcalculation[1].finishDayCount / that.visitCustomer.bigcalculation[1].targetDayCount * 100).toFixed(2) + "%";
                    }
                }, false, "#visitCompany");
                $.wyui.postMethod(urlConfig.report.visitCustomer.getForDepart, {
                    "userId": that.userId,
                    "dateTime": that.visitCustomer.time,
                    "type": "0"
                }, function (data) {
                    that.visitCustomer.telList = data;
                    //获取合计
                    that.visitCustomer.bigcalculation[0].targetDayCount = that.getCount(that.visitCustomer.telList, "target");
                    that.visitCustomer.bigcalculation[0].finishDayCount = that.getCount(that.visitCustomer.telList, "complete");
                    that.visitCustomer.bigcalculation[0].managerTargetNum = that.getCount(that.visitCustomer.telList, "managerTargetNum");
                    that.visitCustomer.bigcalculation[0].regionManagerNum = that.getCount(that.visitCustomer.telList, "regionManagerNum");
                    that.visitCustomer.bigcalculation[0].leaveNumber = that.getCount(that.visitCustomer.telList, "leaveNumber");
                    that.visitCustomer.bigcalculation[0].daily = (that.visitCustomer.bigcalculation[0].finishDayCount / that.visitCustomer.bigcalculation[0].regionManagerNum).toFixed(2);
                    if (that.visitCustomer.bigcalculation[0].targetDayCount == 0) {
                        that.visitCustomer.bigcalculation[0].completionRate = "0.,l00%";
                    } else {
                        that.visitCustomer.bigcalculation[0].completionRate = (that.visitCustomer.bigcalculation[0].finishDayCount / that.visitCustomer.bigcalculation[0].targetDayCount * 100).toFixed(2) + "%";
                    }
                }, false, "#visitCompany");

            },
            //获取拜访报表-集团级别
            get_visitGroup: function () {
                var that = this;
                $.wyui.postMethod(urlConfig.report.visitCustomer.getForGroupByUserId, {
                    "userId": that.userId,
                    "dateTime": that.visitCustomer.time,
                    "type": "1"
                }, function (data) {
                    that.visitCustomer.faceList = data;
                    //获取合计
                    that.visitCustomer.bigcalculation[1].targetDayCount = that.getCount(that.visitCustomer.faceList, "target");
                    that.visitCustomer.bigcalculation[1].finishDayCount = that.getCount(that.visitCustomer.faceList, "complete");
                    that.visitCustomer.bigcalculation[1].managerTargetNum = that.getCount(that.visitCustomer.faceList, "managerTargetNum");
                    that.visitCustomer.bigcalculation[1].regionManagerNum = that.getCount(that.visitCustomer.faceList, "regionManagerNum");
                    that.visitCustomer.bigcalculation[1].leaveNumber = that.getCount(that.visitCustomer.faceList, "leaveNumber");
                    that.visitCustomer.bigcalculation[1].daily = (that.visitCustomer.bigcalculation[1].finishDayCount / that.visitCustomer.bigcalculation[1].regionManagerNum).toFixed(2);
                    if (that.visitCustomer.bigcalculation[1].targetDayCount == 0) {
                        that.visitCustomer.bigcalculation[1].completionRate = "0.00%";
                    } else {
                        that.visitCustomer.bigcalculation[1].completionRate = (that.visitCustomer.bigcalculation[1].finishDayCount / that.visitCustomer.bigcalculation[1].targetDayCount * 100).toFixed(2) + "%";
                    }
                }, false, "#visitGroup");
                $.wyui.postMethod(urlConfig.report.visitCustomer.getForGroupByUserId, {
                    "userId": that.userId,
                    "dateTime": that.visitCustomer.time,
                    "type": "0"
                }, function (data) {
                    that.visitCustomer.telList = data;
                    //获取合计
                    that.visitCustomer.bigcalculation[0].targetDayCount = that.getCount(that.visitCustomer.telList, "target");
                    that.visitCustomer.bigcalculation[0].finishDayCount = that.getCount(that.visitCustomer.telList, "complete");
                    that.visitCustomer.bigcalculation[0].managerTargetNum = that.getCount(that.visitCustomer.telList, "managerTargetNum");
                    that.visitCustomer.bigcalculation[0].regionManagerNum = that.getCount(that.visitCustomer.telList, "regionManagerNum");
                    that.visitCustomer.bigcalculation[0].leaveNumber = that.getCount(that.visitCustomer.telList, "leaveNumber");
                    that.visitCustomer.bigcalculation[0].daily = (that.visitCustomer.bigcalculation[0].finishDayCount / that.visitCustomer.bigcalculation[0].regionManagerNum).toFixed(2);
                    if (that.visitCustomer.bigcalculation[0].targetDayCount == 0) {
                        that.visitCustomer.bigcalculation[0].completionRate = "0.,l00%";
                    } else {
                        that.visitCustomer.bigcalculation[0].completionRate = (that.visitCustomer.bigcalculation[0].finishDayCount / that.visitCustomer.bigcalculation[0].targetDayCount * 100).toFixed(2) + "%";
                    }
                }, false, "#visitGroup");

            },
            //获取陪同拜访客户报表-集团级别
            get_visitClientGroup: function () {
                var that = this;
                $.wyui.postMethod(urlConfig.report.visitCustomer.getCompanyByUserId, {
                    "userId": that.userId,
                    "dateTime": that.visitClientCustomer.time,
                }, function (data) {
                    that.visitClientCustomer.list=data;
                    that.visitClientCustomer.managerCount = that.getCount(that.visitClientCustomer.list, "managerCount");
                    that.visitClientCustomer.visitCount = that.getCount(that.visitClientCustomer.list, "visitCount");
                    that.visitClientCustomer.managerTargetNum = that.getCount(that.visitClientCustomer.list, "managerTargetNum");
                    that.visitClientCustomer.regionManagerNum = that.getCount(that.visitClientCustomer.list, "regionManagerNum");
                }, false, "#visitClientGroup");
            },
            //获取陪同拜访客户报表-公司级别
            get_visitClientCompany: function () {
                var that = this;
                $.wyui.postMethod(urlConfig.report.visitCustomer.getManagerByUserId, {
                    "userId": that.userId,
                    "dateTime": that.visitClientCustomer.time,
                    "entourageName":that.visitClientCustomer.entourageName
                }, function (data) {
                    that.visitClientCustomer.list=data;
                    that.visitClientCustomer.visitCount = that.getCount(that.visitClientCustomer.list, "visitCount");
                }, false, "#visitClientCompany");
            },
            //获取陪同拜访客户报表-大区经理级别
            get_visitClientDepart: function () {
                var that = this;
                $.wyui.postMethod(urlConfig.report.visitCustomer.getManagerByUserId, {
                    "userId": that.userId,
                    "dateTime": that.visitClientCustomer.time,
                    "entourageName":that.visitClientCustomer.entourageName
                }, function (data) {
                    that.visitClientCustomer.list=data;
                    that.visitClientCustomer.visitCount = that.getCount(that.visitClientCustomer.list, "visitCount");
                }, false, "#visitClientDepart");
            },

            //获取客户报表-区域经理
            get_customersPersonal: function () {
                var that = this;
                $.wyui.postMethod(urlConfig.report.customerReport.getForPersonalCustomerList, {
                    "userId": that.userId,
                    "dateTime": that.customer.time
                }, function (data) {
                    that.customer.list = data.records;
                }, false, "#customersPersonal");
            },
            //获取公司客户报表
            get_customersDepart: function () {
                var that = this;
                $.wyui.postMethod(urlConfig.report.customerReport.getDepartByCompanyId, {
                    "companyId": that.companyId,
                    "dateTime": that.customer.time
                }, function (data) {
                    console.log(data);
                    that.customer.list = data.records;
                }, false, "#customersDepart");
            },
            //获取公司客户报表
            get_customersCompany: function () {
                var that = this;
                $.wyui.postMethod(urlConfig.report.customerReport.getForCompanyCustomerList, {
                    "userId": that.userId,
                    "dateTime": that.customer.time
                }, function (data) {
                    console.log(data);
                    that.customer.list = data.records;
                }, false, "#customersCompany");
            },
            //获取客户报表-集团
            get_customersGroup: function () {
                var that = this;
                $.wyui.postMethod(urlConfig.report.customerReport.getForGroupCustomerList, {
                    "userId": that.userId,
                    "dateTime": that.customer.time
                }, function (data) {
                    console.log(data)
                    that.customer.list = data.records;
                }, false, "#customersGroup");
            },
            //获取费用报表-个人模块
            get_costPersonal: function () {
                var that = this;
                $.wyui.postMethod(urlConfig.report.reportCost.getForPersonalByUserIdAndDateTime, {
                    "userId": that.userId,
                    "dateTime": that.cost.time
                }, function (data) {
                    that.cost.list = data;
                    console.log(data);
                }, false, "#costPersonal");
            },
            //获取费用报表-部门模块
            get_costDepart: function () {
                var that = this;
                $.wyui.postMethod(urlConfig.report.reportCost.getForDepartByUserIdAndDateTime, {
                    "userId": that.userId,
                    "dateTime": that.cost.time
                }, function (data) {
                    that.cost.list = that.tablesMergeCell(data);
                    that.cost.all.money = that.getCount(that.cost.list, "money");
                    that.cost.all.bxMoney = that.getCount(that.cost.list, "bxMoney");
                    that.cost.all.unBxMoney = that.getCount(that.cost.list, "unBxMoney");
                    console.log(data);
                }, false, "#costDepart");
            },
            //获取费用报表-公司模块
            get_costCompany: function () {
                var that = this;
                $.wyui.postMethod(urlConfig.report.reportCost.getForCompanyByUserIdAndDateTime, {
                    "userId": that.userId,
                    "dateTime": that.cost.time
                }, function (data) {
                    that.cost.list = that.tablesMergeCell(data);
                    that.cost.all.money = that.getCount(that.cost.list, "money");
                    that.cost.all.bxMoney = that.getCount(that.cost.list, "bxMoney");
                    that.cost.all.unBxMoney = that.getCount(that.cost.list, "unBxMoney");
                    console.log(data);
                }, false, "#costCompany");
            },
            //获取费用报表-集团模块
            get_costGroup: function () {
                var that = this;
                $.wyui.postMethod(urlConfig.report.reportCost.getForGroupByUserIdAndDateTime, {
                    "userId": that.userId,
                    "dateTime": that.cost.time
                }, function (data) {
                    that.cost.list = that.tablesMergeCell(data);
                    that.cost.all.money = that.getCount(that.cost.list, "money");
                    that.cost.all.bxMoney = that.getCount(that.cost.list, "bxMoney");
                    that.cost.all.unBxMoney = that.getCount(that.cost.list, "unBxMoney");
                    console.log(data);
                }, false, "#costGroup");
            },
            //获取意向客户报表
            get_intentionalCustomersPersonal: function () {
                var that = this;
                $.wyui.postMethod(urlConfig.report.intentCustomer.getForPersonalIntentCustomerList, {
                    "userId": that.userId
                }, function (data) {
                    console.log(data);
                    that.intentionalCustomer.list = data;
                }, false, "#intentionalCustomersPersonal");

            },
            //获取大区意向客户报表
            get_intentionalCustomersDepart: function () {
                var that = this;
                $.wyui.postMethod(urlConfig.report.intentCustomer.getForDepartIntentCustomerList, {
                    "userId": that.userId
                }, function (data) {
                    console.log(data);
                    that.intentionalCustomer.list = that.tablesMergeCell(data);
                }, false, "#get_intentionalCustomersCompany");
            },
            //获取公司意向客户报表
            get_intentionalCustomersCompany: function () {
                var that = this;
                $.wyui.postMethod(urlConfig.report.intentCustomer.getForCompanyIntentCustomerList, {
                    "userId": that.userId
                }, function (data) {
                    console.log(data);
                    that.intentionalCustomer.list = that.tablesMergeCell(data);
                }, false, "#get_intentionalCustomersCompany");
            },
            //获取集团意向客户报表
            get_intentionalCustomersGroup: function () {
                var that = this;
                $.wyui.postMethod(urlConfig.report.intentCustomer.getForGroupIntentCustomerList, {
                    "userId": that.userId
                }, function (data) {
                    console.log(data);
                    that.intentionalCustomer.list = that.tablesMergeCell(data);
                }, false, "#get_intentionalCustomersGroup");
            },

            //获取人员情况报表
            get_personnelDepart: function () {
                var that = this;
                $.wyui.postMethod(urlConfig.report.personnelReport.getForCompanyByUserId, {
                    "userId": that.userId
                }, function (data) {
                    console.log(data);
                    that.personnel.list = that.tablesMergeCell(data);
                }, false, "#personnelDepart");
            },
            //获取公司人员情况报表
            get_personnelCompany: function () {
                var that = this;
                $.wyui.postMethod(urlConfig.report.personnelReport.getForCompanyByUserId, {
                    "userId": that.userId
                }, function (data) {
                    console.log(data);
                    that.personnel.list = that.tablesMergeCell(data);
                }, false, "#personnelCompany");
            },
            //获取集团人员情况报表
            get_personnelGroup: function () {
                var that = this;
                $.wyui.postMethod(urlConfig.report.personnelReport.getForGroupByUserId, {
                    "userId": that.userId
                }, function (data) {
                    console.log(data);
                    that.personnel.list = that.tablesMergeCell(data);
                    that.personnel.all.bigCustomerDirectorNowNum = that.getCount(that.personnel.list, "bigCustomerDirectorNowNum");
                    that.personnel.all.bigCustomerDirectorTargetNum = that.getCount(that.personnel.list, "bigCustomerDirectorTargetNum");
                    that.personnel.all.bigCustomerDirectorVacancyNum = that.getCount(that.personnel.list, "bigCustomerDirectorVacancyNum");
                    that.personnel.all.bigCustomerManageNowNum = that.getCount(that.personnel.list, "bigCustomerManageNowNum");
                    that.personnel.all.bigCustomerManageTargetNum = that.getCount(that.personnel.list, "bigCustomerManageTargetNum");
                    that.personnel.all.bigCustomerManageVacancyNum = that.getCount(that.personnel.list, "bigCustomerManageVacancyNum");
                    that.personnel.all.bigRegionManagerNowNum = that.getCount(that.personnel.list, "bigRegionManagerNowNum");
                    that.personnel.all.bigRegionManagerTargetNum = that.getCount(that.personnel.list, "bigRegionManagerTargetNum");
                    that.personnel.all.bigRegionManagerVacancyNum = that.getCount(that.personnel.list, "bigRegionManagerVacancyNum");
                    that.personnel.all.regionManagerNowNum = that.getCount(that.personnel.list, "regionManagerNowNum");
                    that.personnel.all.regionManagerTargetNum = that.getCount(that.personnel.list, "regionManagerTargetNum");
                    that.personnel.all.regionManagerVacancyNum = that.getCount(that.personnel.list, "regionManagerVacancyNum");
                }, false, "#personnelGroup");
            },
            openSignInList: function (type1, typeId, type2) {
//                getForSignInByTypeAndDateTime
                var that = this;
                url = "/reportForm/signIn/signInList.html?type1=" + type1 + "&type2=" + type2 + "&typeId=" + typeId + "&dateTime=" + that.sign.time;
                top.closeTabByPageId("signInList");
                top.addTabs({id: "signInList", title: "考勤列表", close: true, url: url});
            },
            //查看考勤公司级别页面
            openSignInCompany: function (item) {
                var that = this;
                url = "/reportForm/signIn/signInCompany.html?companyId=" + item.companyId + "&companyName=" + item.companyName + "&dateTime=" + that.sign.time;
                top.closeTabByPageId("openSignInCompany");
                top.addTabs({id: "openSignInCompany", title: item.companyName, close: true, url: url});
            },
            //查看考勤 部门详情页面
            openSignInDepart: function (item) {
                var that = this;
                top.closeTabByPageId("openSignInDepart");
                top.addTabs({
                    id: "openSignInDepart",
                    title: item.departName + "考勤详情",
                    close: true,
                    url: '/reportForm/signIn/signInDepart.html?departId=' + item.departId + "&dateTime=" + that.sign.time
                });
            },
            //查看考勤 个人详情页面
            openSignInPersonal: function (item) {
                var that = this;
                top.closeTabByPageId("openSignInPersonal");
                top.addTabs({
                    id: "openSignInPersonal",
                    title: item.userName + "考勤详情",
                    close: true,
                    url: '/reportForm/signIn/signInPersonal.html?userId=' + item.userId + "&dateTime=" + that.sign.time
                });
            },

            //查看微信公司级别页面
            openWechatCompany: function (item) {
                var that = this;
                url = "/reportForm/wechat/wechatCompany.html?companyId=" + item.companyId + "&companyName=" + item.companyName + "&dateTime=" + that.wechat.time;
                top.closeTabByPageId("openWechatCompany");
                top.addTabs({id: "openWechatCompany", title: item.companyName, close: true, url: url});
            },
//            //查看微信 部门详情页面
//            openWechatDepart:function(item){
//                var that=this;
//                top.closeTabByPageId("openWechatDepart");
//                top.addTabs({
//                    id: "openWechatDepart",
//                    title: item.departBigName+"详情",
//                    close: true,
//                    url: '/reportForm/wechat/wechatDepart.html?departId='+item.departBigId+"&dateTime="+that.wechat.time
//                });
//            },
            //查看微信 个人详情页面
            openWechatPersonal: function (item) {
                var that = this;
                top.closeTabByPageId("openWechatPersonal");
                top.addTabs({
                    id: "openWechatPersonal",
                    title: item.userName + "详情",
                    close: true,
                    url: '/reportForm/wechat/wechatPersonal.html?userId=' + item.userId + "&dateTime=" + that.wechat.time
                });
            },

            //查看拜访详情
            lookInterview: function (item, type) {
                var that = this;
                url = "/page/reportForm/interview/interviewCustomerList.html";
                $.dialog({
                    content: 'url:' + url + '?userId=' + item.userId + "&dateTime=" + that.visitCustomer.time + "&name=" + item.userName + "&type=" + type,
                    title: '拜访客户列表',
                    width: 500,
                    height: 500,
                    max: false,
                    min: false,
                    lock: true
                });
            },
            //查拜访大区下级页面
            lookBigInterview: function (item, type) {
                var that = this;
                url = "reportForm/interview/interviewOne.html";
                top.closeTabByPageId("bfbb-one");
                top.addTabs({
                    id: "bfbb-one",
                    title: item.regionName,
                    close: true,
                    url: url + '?companyId=' + item.companyId + "&dateTime=" + that.visitCustomer.time
                });
            },
            //查拜访个人页面
            lookInterviewPersonal: function (item, type) {
                var that = this;
                url = "reportForm/interview/interviewPersonal.html";
                top.closeTabByPageId("lookInterviewPersonal");
                top.addTabs({
                    id: "lookInterviewPersonal",
                    title: item.departName,
                    close: true,
                    url: url + '?departId=' + item.departId + "&dateTime=" + that.visitCustomer.time
                });
            },
            //查拜访部门下级页面
            lookInterviewDepart: function (item, type) {
                var that = this;
                url = "reportForm/interview/interviewDepart.html";
                top.closeTabByPageId("lookInterviewDepart");
                top.addTabs({
                    id: "lookInterviewDepart",
                    title: item.departName,
                    close: true,
                    url: url + '?companyId=' + item.companyId + "&dateTime=" + that.visitCustomer.time
                });
            },
            //查拜访公司下级页面
            lookInterviewCompany: function (item, type) {
                var that = this;
                url = "reportForm/interview/interviewCompany.html";
                top.closeTabByPageId("bfbb-company");
                top.addTabs({
                    id: "bfbb-company",
                    title: item.companyName,
                    close: true,
                    url: url + '?companyId=' + item.companyId + "&dateTime=" + that.visitCustomer.time
                });
            },
            lookPersonnelDepartList: function (item) {
                top.addTabs({
                    id: "look" + item.id,
                    title: item.userName + "详情",
                    close: true,
                    url: '/personnel/entry.html?id=' + item.userId + '&pageType=look'
                });
            },
            //查看费用报销 个人详情页面
            openCostPersonal: function (item, dateTime, start) {
                var startValue = start;
                if (!startValue && startValue != 0) {
                    startValue = ""
                }
                top.closeTabByPageId("openCostPersonal");
                top.addTabs({
                    id: "openCostPersonal",
                    title: item.userName + "费用报销详情",
                    close: true,
                    url: '/reportForm/cost/costPersonal.html?userId=' + item.userId + "&dateTime=" + dateTime + "&start=" + startValue
                });
            },
            //查看费用报销 部门详情页面
            openCostDepart: function (item, dateTime) {
                top.closeTabByPageId("openCostDepart");
                top.addTabs({
                    id: "openCostDepart",
                    title: item.departName + "费用报销详情",
                    close: true,
                    url: '/reportForm/cost/costDepart.html?departId=' + item.departId + "&dateTime=" + dateTime
                });
            },
            //查看费用报销 公司详情页面
            openCostCompany: function (item, dateTime) {
                top.closeTabByPageId("openCostCompany");
                top.addTabs({
                    id: "openCostCompany",
                    title: item.companyName + "费用报销详情",
                    close: true,
                    url: '/reportForm/cost/costCompany.html?companyId=' + item.companyId + "&dateTime=" + dateTime
                });
            },
//            //查看客户报表 公司详情页面
//            openCustomersDepart:function(item,dateTime){
//                top.closeTabByPageId("openCustomersDepart");
//                top.addTabs({
//                    id: "openCustomersDepart",
//                    title: item.companyName+"客户报表详情",
//                    close: true,
//                    url: '/reportForm/customer/customerDepart.html?companyId='+item.companyId+"&dateTime="+dateTime
//                });
//            },
            //查看人员情况 部门详情页面
            openPersonalDepart: function (item, dateTime) {
                top.closeTabByPageId("openPersonalDepart");
                top.addTabs({
                    id: "openPersonalDepart",
                    title: item.DepartName + "人员情况详情",
                    close: true,
                    url: '/reportForm/personnel/personalDepart.html?departId=' + item.departId + "&dateTime=" + dateTime
                });
            },
            //查看人员情况 集团详情页面
            openPersonalGroup: function (item, dateTime) {
                top.closeTabByPageId("openPersonalGroup");
                top.addTabs({
                    id: "openPersonalGroup",
                    title: item.companyName + "人员情况详情",
                    close: true,
                    url: '/reportForm/personnel/personalCompany.html?companyId=' + item.companyId
                });
            },
            //通过拥有的模块调用各模块对应的接口
            getFunctionByTemplate: function () {
                var that = this;
                for (var i = 0; i < that.modules.length; i++) {
                    if (that.modules[i] == "signInPersonal") {
                        //大区经理-考勤和区域经理考勤初始时间不一样。所以特定调整一下；
                        that.sign.time = that.thisMonth;
                    }
                    console.log(that.modules[i])
                    if (that["get_" + that.modules[i]]) {
                        that["get_" + that.modules[i]]();
                    }
                }
            }
        },
        mounted: function () {

            console.log(getCurrentUser().roleName);
            var that = this;
            //1.获取前5个月的tab数据
            this.getTab();
            //2.获取该人员对应的模块
            this.getModules();
            //3.通过拥有的模块调用各模块对应的接口
            this.getFunctionByTemplate();
        },
        updated: function () {
            //自定义滚动条
            $('.mScrollBox').niceScroll({
                background: "#ddd",
                cursorcolor: "#228bee",//#CC0071 光标颜色
                cursoropacitymax: 0.6, //改变不透明度非常光标处于活动状态（scrollabar“可见”状态），范围从1到0
                touchbehavior: false, //使光标拖动滚动像在台式电脑触摸设备
                cursorwidth: "8px", //像素光标的宽度
                cursorborder: "0", // 	游标边框css定义
                cursorborderradius: "8px",//以像素为光标边界半径
                autohidemode: true //是否隐藏滚动条
            });
        }
    });
</script>

</body>
</html>